Gráficos
Activity cell heatmap
Uma grade de calendário com pequenos quadrados coloridos que se estende em uma onda diagonal e permite que uma faixa de nível isole uma intensidade de cada vez.
Como usar Activity cell heatmap
Uma grade de calendário com pequenos quadrados coloridos que se estende em uma onda diagonal e permite que uma faixa de nível isole uma intensidade de cada vez.
Use este mapa de calor de calendário para explorar uma visualização compacta de atividade com cinco níveis de intensidade e uma legenda de cores compartilhada.
Altere o número de semanas e o primeiro dia da semana para comparar layouts de painéis. Passe o cursor ou dê foco a um dia para ver os detalhes quando a interação estiver ativada.
Esta implementação gera dados de exemplo determinísticos em torno de uma data fixa. Conecte dados reais e atualize o modelo de datas antes de apresentá-la como um relatório de atividade em tempo real.
Propriedades: accent, weeks, gap, cornerRadius, weekStart, interactive
Quais frameworks estão disponíveis?
O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.
Como acessar a implementação?
O código, as versões e os comandos de instalação estão disponíveis no painel acima.
