Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Stylized Line Chart

Public visualization

Fork of Stylized Line Chart

0 stars0🌍 Public
NNikkko1
Last edited May 20, 2022
Created on May 20, 2022

This example shows a line chart drawn from the world-atlas TopoJSON dataset, rendering country boundaries as a continuous curved path using D3's `line` and `curveNatural` functions. The path is styled with a teal stroke and no fill, creating a stylized visual of the world map. The React component loads the geographic data via `useData`, which fetches the TopoJSON and converts it to GeoJSON with `topojson.feature`, then passes it to the `Marks` component for SVG rendering. The chart currently has circle-mark rendering commented out, leaving only the black-outlined path visible.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed