Skip to main content
SimilarExport ZIP
100%

Project: Primary-Balance Testing

✓ Published1🌍 Public
MMukund Khandelwal
Last edited Oct 15, 2018
Created on Oct 15, 2018

This visualization displays a world map highlighting countries by their economic status, with hover tooltips revealing each country’s name, continent, and broader economic position. It renders geographic boundaries using D3’s `geoEquirectangular` projection and `geoPath`, layered over a blue sphere. TopoJSON data from world-atlas is converted to GeoJSON via `feature`, while ISO country codes are matched to metadata from a TSV file. The map supports zooming and panning through D3’s `zoom` behavior, and SVG paths respond to hover with a fill and stroke color change.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project: Primary-Balance Testing-csv

This visualization displays a world map where each country is colored based on its primary balance data from a CSV file, with tooltips showing the country name, primary balance, economy type, and continent. The map uses a d3.geoEquirectangular projection with d3.geoPath to render TopoJSON world atlas data, and d3.zoom enables interactive panning and zooming. Countries are rendered as SVG paths that turn black on hover, while the primary balance values and regional metadata from the CSV are encoded in the title elements.

MMukund Khandelwal
92% 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
90% 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
89% 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
89% match
Loading thumbnail…

Project: Primary Balance, Part 2

This visualization displays global primary balance data mapped onto an equirectangular world projection. It uses D3 v5 with d3.geoPath and topojson to render country boundaries, while CSV data from VizHub supplies each nation’s economic status and primary balance. Hovering over a country reveals its name, primary balance value, and broader economic position via SVG title tooltips. The map supports pan-and-zoom interaction through d3.zoom, with countries colored grey and highlighted black on hover.

MMukund Khandelwal
88% match
Loading thumbnail…

Project: Map Interaction Assignment Final

This interactive world map displays each country with hover tooltips showing its name, continent, and economic classification. The visualization uses an equirectangular projection rendered as SVG paths via d3.geoPath, with topojson feature conversion for geographic data. Pan and zoom functionality is implemented through d3.zoom, applying transforms to the map group. Country boundaries come from the world-atlas TopoJSON dataset, while names and economic metadata are joined from TSV data using ISO country codes. Hover effects change country fill and stroke colors, with tooltips provided through SVG title elements.

MMukund Khandelwal
87% 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 | 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
86% match