Este gráfico de barras empilhadas é uma visualização de dados criada com D3.js e MUI. Mostra o número de operações num hospital nos EUA categorizadas pelo órgão afetado. Quando o botão de opção "All Three" é selecionado, os utilizadores podem comparar o número total de operações em cada ano, utilizando a legenda como referência. No entanto, é mais difícil comparar valores individuais de um ano para o outro, porque as barras correspondentes não estão alinhadas. Por isso, acrescentámos a opção de selecionar qualquer um dos três órgãos isoladamente. Isto torna muito mais fácil concentrar-se num único conjunto de dados e comparar valores.
É possível criar uma variedade de gráficos de barras com vários dados usando D3.js: por exemplo, em vez de empilhar os valores uns sobre os outros, eles podem ser colocados lado a lado. Isso facilita a comparação de valores dentro do mesmo conjunto de dados, mas dificulta a comparação dos valores totais.
Os gráficos de barras de largura variável, por vezes designados por gráficos de barras de largura variável, são gráficos de barras com barras de largura não uniforme. Por exemplo, poderíamos mostrar o PIB de diferentes países utilizando a altura das barras para representar o PIB per capita e a largura da barra para representar a população. A área representaria então o PIB total.
O gráfico também incorpora uma grelha de dados para facilitar a introdução de dados. Os dados para visualizações de dados D3.js podem estar num ficheiro JSON ou CSV local. No entanto, se os dados mudarem frequentemente ou tiverem de ser actualizados por pessoal sem formação, uma grelha de dados é mais conveniente. Esta funciona como uma folha de cálculo do Excel, com linhas e colunas para os dados. Os dados estão normalmente ligados a uma base de dados externa que podemos configurar para si: uma vantagem adicional é que os seus dados podem ser facilmente guardados em segurança. Veja Add Ons para mais detalhes e Preços para informações sobre custos.
O custo de um gráfico de barras depende muito de até que ponto a visualização de dados pode ser criada diretamente no D3.js ou tem que ser codificada de forma personalizada. Add-ons como dicas de ferramentas, animações personalizadas e assim por diante aumentarão um pouco o custo, mas melhorarão muito a experiência do usuário. A página Preços dá-lhe uma ideia geral. No entanto, contacte-nos para uma conversa gratuita com um programador, para que possamos decidir o que é melhor para si.
Atualizar a página para atualizar os dados.