Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Coronavirus Line Chart

Public visualization

Viewing a saved revision (read-only)

cf952a880f8e4ea5b14b2655604600ea

Coronavirus Line Chart

0 stars0🌍 Public
Ssultanmirzapydev
Last edited Aug 20, 2021
Created on Aug 20, 2021

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 description

Smiley face implementation with React & D3, taking full advantage of React components and ES6 modules.