Skip to main content
SimilarExport ZIP
100%

Project | Interaction | Re-submit

✓ Published1🌍 Public
MMukund Khandelwal
Last edited Nov 4, 2018
Created on Nov 4, 2018

A choropleth map shows the primary balance of countries, colored on a Yellow-Orange-Red ordinal scale, with a clickable legend to filter and highlight selected economic categories. Built with D3 v5, it uses `d3.geoEquirectangular` and `d3.geoPath` to render SVG country paths from TopoJSON (world-atlas 50m), joined with CSV data. The map supports zooming via `d3.zoom`, and legend interactions trigger re-renders that adjust country opacity and highlight states.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project | Interaction | Re-submit

A choropleth map shows the primary balance of countries, colored on a Yellow-Orange-Red ordinal scale, with a clickable legend to filter and highlight selected economic categories. Built with D3 v5, it uses `d3.geoEquirectangular` and `d3.geoPath` to render SVG country paths from TopoJSON (world-atlas 50m), joined with CSV data. The map supports zooming via `d3.zoom`, and legend interactions trigger re-renders that adjust country opacity and highlight states.

MMukund Khandelwal
100% match
Loading thumbnail…

Project | Interaction

A choropleth map of world countries colored by primary balance, with a yellow legend panel for selecting economic categories. Clicking a legend item highlights matching countries and dims others; clicking again clears the selection. The map supports zoom and pan via d3.zoom. Built with d3.geoPath and geoEquirectangular projection, using TopoJSON world-atlas data and CSV attributes merged by ISO code. Hovering a country shows its name and primary balance in a tooltip.

MMukund Khandelwal
91% match
Loading thumbnail…

Project | Interaction | Re-submit

This visualization presents a choropleth map of national fiscal metrics, with an interactive legend for filtering by economic category. Users click legend items to highlight matching countries and dim others. Built with D3 v5, it uses `d3.geoEquirectangular` and `d3.geoPath` to render world shapes from TopoJSON, with `d3.zoom` for panning and scaling. Data comes from CSV files joined to country IDs via `d3.csv`, with `d3.scaleOrdinal` mapping categories to the `schemeYlOrRd` color scheme.

MMukund Khandelwal
91% match
Loading thumbnail…

Project | last part-resubmit

This choropleth map displays the primary balance of countries, using a yellow-to-red sequential color scale. Users can click a legend item to highlight countries with the selected value, while dimming all others. Built with D3 v5, the map projects geographic data using `d3.geoPath` and `d3.geoEquirectangular`, with zoom and pan via `d3.zoom`. Country boundaries and economic data come from the World Atlas TopoJSON and a CSV dataset, loaded through `d3.json` and `d3.csv`.

MMukund Khandelwal
90% match
Loading thumbnail…

Project | last part

This visualization is a choropleth map of world countries colored according to a color scale derived from a categorical attribute, with a legend allowing interactive filtering of highlighted countries. The map uses the D3 geo projection API (`geoEquirectangular` with `geoPath`) to render country boundaries as SVG paths from TopoJSON data merged with CSV attributes. The legend, built with D3's ordinal color scale and the `schemeYlOrRd` color scheme, responds to clicks to toggle a selected category, which dims non-matching countries. The map also implements a zoom interaction via D3's `zoom` event.

MMukund Khandelwal
84% match
Loading thumbnail…

Project | Primary Balance | Chloro | Filter

A world map colored by each country's economic status, rendered with SVG paths via d3.geoPath and a geoEquirectangular projection. Hovering reveals a tooltip with the country name, primary balance, and broader economic classification. The color legend, built with a custom colorLegend function, uses an ordinal scale mapped to the d3 schemeSpectral range. Data comes from a CSV joined with TopoJSON world-atlas shapes, while d3.zoom enables panning and zooming.

MMukund Khandelwal
83% match
Loading thumbnail…

Project | Primary Balance | Part 1 | Chloro-new

This example displays a world map using D3.js, coloring each country orange and highlighting it yellow on hover. It visualizes primary balance and economic data by country, with tooltips showing country names. The visualization uses `d3.geoEquirectangular` projection, `d3.geoPath` to render geographic paths, and TopoJSON to convert world atlas data. Users can zoom and pan the map via D3’s zoom behavior. Data is loaded from CSV and JSON sources via `Promise.all`, and each country includes a `<title>` element for hover details.

MMukund Khandelwal
83% match
Loading thumbnail…

Project | Primary Balance | Chloro | Filter

This example presents a choropleth map of the world, colored by the economic status of each country. Hovering over a country highlights it in yellow and displays a tooltip with its name, primary balance, and economy classification. The visualization uses d3.geoPath with an equirectangular projection to render geographic features. The color legend is built with a custom colorLegend component, while data from a CSV file is joined with world-atlas TopoJSON. Styling and interactivity are handled through CSS and d3's selection and event APIs.

MMukund Khandelwal
83% match