🌍 Public
Viewing a saved revision (read-only)
cf952a880f8e4ea5b14b2655604600ea
Coronavirus Line Chart
This visualization displays a scatter plot of global cities, with each point positioned by latitude and longitude and sized by population. The React component `LineChart` receives the dataset, while the custom hook `useCities` loads the world cities CSV from a GitHub gist using d3.csv. The example integrates React for component structure, D3 for data parsing, and OpenLayers is included in the page, though the core rendering relies on SVG dimensions defined by the `width` and `height` props.
AI-generated descriptionSmiley face implementation with React & D3, taking full advantage of React components and ES6 modules.