Neha-1107

@Neha-1107·2 public vizzes

Choropleth Map with Interactive Filtering

A choropleth map displays world countries colored by their economy category, which can be interactively filtered by clicking entries in an adjacent color legend. The map renders geographic boundaries using `d3.geoPath` with a `geoNaturalEarth1` projection, and supports panning and zooming through `d3.zoom`. Clicking a legend item, built with `d3.scaleOrdinal` and `schemeSpectral`, dims non-matching countries while highlighting the selected group. The data comes from the world-atlas TopoJSON and TSV files, with the visualization built using D3 v5 and SVG.

May 20, 2020

Loading thumbnail…

Stylized Line Chart

A stylized line chart displays temperature over time, with a smooth, natural curve connecting data points from a week of San Francisco weather observations. The visualization uses React to render SVG elements, with D3 v5 functions like `scaleTime`, `scaleLinear`, and `curveNatural` to generate the path and axes, while omitting point markers for a cleaner look. Styling applies a teal stroke and Poppins font. Data loads asynchronously from a CSV via `d3.csv`, mapped to timestamp and temperature fields.

May 13, 2020