Skip to main content
Log in
A

anindyamehta@gmail.com

@anindyamehta·5 public vizzes

Loading thumbnail…

Fork of Stylized Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length to the x-axis and sepal width to the y-axis. Each data point is rendered as a circle using React components that leverage D3’s `scaleLinear` and `extent` functions for scaling. The code defines custom `AxisBottom` and `AxisLeft` components to generate ticks and labels, while `Marks` renders the circles with inline SVG titles for tooltips. The data is loaded asynchronously via D3’s `csv` parser.

Jan 5, 2024
Loading thumbnail…

Fork of World Map Simple

This fork of World Map Simple renders a basic world map using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticule and country outlines styled via SVG paths. Topological data is loaded from the visionscarto world-atlas and converted using `topojson-client`’s `feature` method. The React-compatible visualization updates asynchronously, fetching the JSON dataset before drawing countries, and uses D3’s `join` pattern for efficient DOM updates. The map fills the entire browser window, with no interaction or additional styling beyond the simple stroke and fill defaults.

Jan 3, 2024
Loading thumbnail…

Fork of World Map Simple

This fork of World Map Simple renders a basic world map using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticule and country outlines styled via SVG paths. Topological data is loaded from the visionscarto world-atlas and converted using `topojson-client`’s `feature` method. The React-compatible visualization updates asynchronously, fetching the JSON dataset before drawing countries, and uses D3’s `join` pattern for efficient DOM updates. The map fills the entire browser window, with no interaction or additional styling beyond the simple stroke and fill defaults.

Jan 3, 2024
Loading thumbnail…

Fork of World Map Simple

This fork of World Map Simple renders a basic world map using D3’s `geoNaturalEarth1` projection and `geoPath`, with graticule and country outlines styled via SVG paths. Topological data is loaded from the visionscarto world-atlas and converted using `topojson-client`’s `feature` method. The React-compatible visualization updates asynchronously, fetching the JSON dataset before drawing countries, and uses D3’s `join` pattern for efficient DOM updates. The map fills the entire browser window, with no interaction or additional styling beyond the simple stroke and fill defaults.

Jan 3, 2024
Loading thumbnail…

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as ranked bars, with no axes or labels, using a minimal bar chart layout. It loads United Nations World Population Prospects 2019 data via `d3.csv`, then sorts and slices the first ten rows. React state management (`useState`, `useEffect`) handles the asynchronous data fetch, while `d3.scaleBand` and `d3.scaleLinear` map countries and population values to SVG rectangles. The visualization renders in SVG, with bar widths proportional to 2020 population estimates.

Jan 2, 2024