Fork of Choropleth Map

Fork of Choropleth Map with Interactive Filtering F

A choropleth map visualizes countries by their economic classification, with a color legend that doubles as an interactive filter. Users click legend items to highlight matching countries and dim others, while hovering over map regions reveals the country name and value in a tooltip. The map uses `d3.geoNaturalEarth1` and `d3.geoPath` for projection, `d3.zoom` for panning and zooming, and a `d3.scaleOrdinal` with `d3.schemeSpectral`. Data comes from the World Atlas TopoJSON and TSV files, with panning handled via SVG transforms.

Ffsajedi22

Fork of Choropleth Map with Interactive Filtering F

This choropleth map displays global country-level economic classifications using an ordinal color scale. Users can click legend items to highlight matching countries and dim all others, with a second click clearing the filter. The map uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and `zoom` for pan/zoom interaction, with SVG rendering. Data comes from the world-atlas TopoJSON dataset, joined to TSV metadata. The legend and map are both rendered with D3 selections, and hover effects highlight individual countries.

Ffsajedi22

Fork of Choropleth Map with Interactive Filtering

This choropleth map displays global economic data by country, with a color legend that doubles as an interactive filter. Users click legend items to highlight matching regions while dimming others. The map uses d3.geoNaturalEarth1 projection with d3.geoPath for rendering, and d3.zoom for panning. The legend employs scaleOrdinal with schemeSpectral colors, and onClick handlers toggle selection. Data comes from world-atlas TopoJSON and TSV files, processed via topojson.feature, with SVG output.

RRoland

Fork of Fork of Choropleth Map with Interactive Filtering

This choropleth map displays world countries colored by economy category, with an interactive color legend that filters the map when clicking legend items. The visualization uses d3.geoNaturalEarth1 projection and d3.geoPath to render the TopoJSON world data, while d3.scaleOrdinal maps economy values to colors. Clicking a legend item highlights matching countries and dims others, with d3.zoom enabling pan and zoom. Data comes from the world-atlas TopoJSON dataset.

DDjedjeX

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes countries colored by economy category using a natural Earth projection. Users can click legend items to filter the map, highlighting matching countries while dimming all others, and can also zoom and pan the SVG view. The visualization uses d3.geoNaturalEarth1, d3.geoPath, and d3.zoom for map rendering, with a d3.scaleOrdinal and schemeSpectral for color encoding. It loads geographic and metadata from the World Atlas TopoJSON and TSV datasets, while the color legend enables interactive filtering through click handlers.

Ggalyniayaroshenko

Fork of Choropleth Map with Interactive Filtering

This interactive choropleth map displays countries colored by their economy category, allowing users to click legend items to filter and highlight specific regions while dimming others. The visualization uses d3.geoPath with a geoNaturalEarth1 projection to render world geography, while d3.scaleOrdinal and schemeSpectral assign colors to categorical data. Hovering over countries reveals their name and economy value via SVG title elements, and d3.zoom enables panning and zooming the map. Data comes from the world-atlas TopoJSON dataset combined with a happiness CSV file.

Xxyang3672

Fork of Choropleth Map with Interactive Filtering

This choropleth map presents world countries colored by economic classification, with an interactive color legend that filters highlighted regions on click and hover. Users can zoom and pan the map, while clicking a legend category dims non-matching countries and re-clicking clears the filter. Built with D3 v5, it uses `d3.geoNaturalEarth1` and `d3.geoPath` for map projection, `d3.zoom` for navigation, and `d3.scaleOrdinal` with `schemeSpectral` for coloring. Data comes from the World Atlas TopoJSON and TSV files, rendered as SVG paths with tooltips.

Aarbekos

Fork of Choropleth Map with Interactive Filtering

This choropleth map visualizes world countries colored by economic classification, with an interactive color legend that filters the map when clicked. Hovering a country reveals its name and value via a tooltip, and the map supports zooming and panning. The visualization uses D3 v5’s `geoNaturalEarth1` projection, `geoPath`, and `zoom` for the map, while `scaleOrdinal` with `schemeSpectral` maps data values to colors. Data is loaded from the World Atlas TopoJSON and TSV files, and filtering updates both map and legend opacities in real time.

Qqliu50@fordham.edu