Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gráfico de Área com interações

Public visualization

Viewing a saved revision (read-only)

985c10f74dc34e75af2bb35bfdbbd263

Gráfico de Área com interações

0 stars0🌍 Public
RRafael Leite
Last edited Jul 28, 2020
Created on Jul 27, 2020

This interactive area chart visualizes monthly income and expenses over time, with the y-axis labeled in Portuguese as "Temperatura" (temperature) and the x-axis representing time. The visualization renders an SVG using React and D3 v5, incorporating `scaleTime` and `scaleLinear` for axis scaling, `extent` for domain calculation, and `line` with `curveNatural` for the smoothed data path. While axis ticks and grid lines are drawn, the chart currently shows only the line, not an area fill or data point circles, despite the title suggesting interactivity. The data comes from a static array loaded via a custom `useData` hook.

AI-generated description