Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Viewing a saved revision (read-only)

e6e9a5a7fcc54b28b558489a427638cf

Fork of Stylized Line Chart

0 stars0🌍 Public
SSrividya Panchagnula
Last edited May 9, 2023
Created on May 9, 2023

This example visualizes insurance charges against age, mapping the records from Data Canvas Sense Your City and insurance datasets into a single line chart. The React application loads CSV data with d3.csv, then scales the x and y axes with d3.scaleLinear and extent, while applying a natural curve via d3.line’s curveNatural to render the path as an SVG stroke. Axis components generate tick marks and labels using d3’s scale methods, and the chart is styled with Poppins font and muted grays and blues.

AI-generated description