Skip to main content
SimilarExport ZIP
100%

Project | last part-resubmit

✓ Published0🌍 Public
MMukund Khandelwal
Last edited Oct 25, 2018
Created on Oct 25, 2018

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`.

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
90% match
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
90% 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
87% 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
85% 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
84% 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
84% match
Loading thumbnail…

Project | Primary Balance | Part 1

This map visualizes primary balance values by country, with each nation colored orange and displaying its name, primary balance, and economic status in a tooltip on hover. The visualization uses a geographic projection (`d3.geoEquirectangular`) to render world boundaries as SVG paths, with data loaded from a CSV file and world atlas TopoJSON. The code applies a zoom interaction and hover styling that changes the fill to yellow, utilizing `d3.geoPath` for path generation and the `topojson` library for feature conversion.

MMukund Khandelwal
84% match
Loading thumbnail…

Project: Primary Balance, Part 1

This visualization displays a world map where each country is colored grey with a red stroke, and hovering over a country reveals its primary balance, economy type, and name in a tooltip. The map uses an equirectangular projection rendered as SVG paths via d3.geoPath, with TopoJSON data from the world-atlas package combined with CSV data loaded from VizHub. Zooming is enabled through d3.zoom, and the project uses D3 v5 to bind the CSV attributes to each geographic feature.

MMukund Khandelwal
83% match