Fork of ICE-8 Sushmitha B

100%

Fork of ICE-8 Sushmitha B

✓ Published0🌍 Public

Last edited Nov 2, 2025

Created on Nov 2, 2025

This visualization presents a dual choropleth map of Netflix title distributions globally and across Indian states. Two SVG maps are rendered side-by-side using D3's geo-projection and path generation with a natural Earth projection for the world map and a Mercator projection for India. The maps use a sequential red color scale to encode the count of Netflix titles per country or state, with interactive tooltips that display the name and title count on hover. Data is sourced from a Netflix titles CSV and the world-atlas and india-atlas TopoJSON packages, with simulated state-level counts for India.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 8 : Country map -India

This visualization displays a choropleth map of India, with each district colored by its state. The map renders state and district boundaries as SVG paths, and hovering over a district highlights it in dark green. Built with React, the code uses D3’s `geoPath`, `geoMercator`, and `scaleOrdinal` to project TopoJSON data from deldersveld and datameet, with zoom functionality enabled.

Rrallabandisushen@gmail.com

80% match

Loading thumbnail…

Fork of India Map ICE-8

This D3.js visualization renders a choropleth map of India, coloring each state from a categorical palette based on its name. The map uses the Mercator projection to position SVG paths generated via `d3.geoPath`, with state boundaries outlined in white. State labels are placed at each polygon’s centroid, and hovering over a state turns it yellow. The geographic data comes from a TopoJSON source, which is converted to GeoJSON using the `topojson` library’s `feature` and `mesh` functions.

Rreddysushma994@gmail.com

80% match

Loading thumbnail…

Fork of India Map: ICE-8

This visualization displays a choropleth map of Indian states, colored with a categorical scheme and labeled with state names at their geographic centroids. Using D3 v5, it loads TopoJSON data for India’s administrative boundaries, removes the first feature, and projects the geometry with `geoMercator`. Paths are generated via `d3.geoPath`, while text labels are positioned using `pathGenerator.centroid`. The SVG rendering includes hover titles and a color scale from `scaleOrdinal(schemeCategory10)`, with styling applied through CSS.

DDINESH SAI BOPPANA

79% match

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE 8 country map

This visualization displays a choropleth map of India, with individual states filled using an ordinal color scale. The map is rendered as SVG paths generated via `d3.geoPath` and a Mercator projection, with the geographic data parsed from a TopoJSON file using the `feature` function. The code also integrates zoom and pan functionality from D3 v5, and applies a hover effect through CSS to highlight state boundaries.

DDINESH SAI BOPPANA

79% match

Loading thumbnail…

Fork of India Map: ICE-8

This visualization displays a choropleth map of Indian states, with each state filled by a color from the d3 schemeCategory10 scale and labeled with its name. It uses d3.geoMercator and d3.geoPath to project and render the TopoJSON data loaded from a GitHub repository, adding interactivity through SVG title elements. The map includes an adjustment that shifts the data array and custom projection settings to frame the country appropriately.

Aamiralitah

79% match

Loading thumbnail…

Fork of India Map: ICE-8

This visualization displays a map of India, with each state rendered as a colored SVG path and labeled with its name. The map uses a spherical Mercator projection, achieved through `d3.geoMercator()` with custom translation and scaling. State boundaries are drawn with a black stroke, and each state’s fill color is assigned from a categorical color scale using `scaleOrdinal` and `schemeCategory10`. State names are positioned at each state’s centroid via `geoPath.centroid()`. The geographic data is loaded from a TopoJSON file containing India’s administrative divisions, processed with the `topojson` library’s `feature` function.

Tttummala17

79% match

Loading thumbnail…

Fork of India Map: ICE-8

This visualization displays a choropleth map of Indian states, each filled with a distinct categorical color from D3's `schemeCategory10` and labeled with its name at the centroid. The map uses a `geoMercator` projection from `d3.geoPath`, with state boundaries rendered as SVG paths and stroked black for separation. Data comes from a TopoJSON file of India’s administrative regions, processed via `topojson.feature`, and one feature is removed with `shift()`. Text labels are positioned using `pathGenerator.centroid()`.

RRahulChaitu999

78% match

Loading thumbnail…

Fork of Fork of Fork of ICE 8 country map

This choropleth map displays Indian states, colored using a categorical scale based on interpolated attributes. The visualization uses D3 v5 with a Mercator projection and SVG rendering, loading state boundaries from a TopoJSON file hosted on GitHub. The code employs `d3.json`, `geoMercator`, `geoPath`, and `scaleOrdinal` with `schemeCategory10` to fill each state path. Interactive hover effects are defined in CSS, though the map itself does not implement zooming or panning. The viewport dimensions drive the SVG size, with a custom translate and scale applied to the projection.

DDINESH SAI BOPPANA

78% match