Assignment_8_Making maps

100%

Assignment_8_Making maps

✓ Published3🌍 Public

Last edited Nov 7, 2025

Created on Nov 7, 2025

This map of India displays city-level literacy rates as scaled green circles over a light green country outline. Each circle’s radius encodes the literacy percentage, with a small legend showing representative values. The visualization loads TopoJSON country boundaries from world-atlas and a CSV of city coordinates and literacy data, then projects them using `d3.geoMercator` and `d3.geoPath`. Circle sizes are computed with `d3.scaleLinear`, and tooltips are added via SVG `title` elements.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Assignment_8_Making maps

A choropleth map of India colors each state by its poverty rate, measured as the headcount ratio percentage, using a sequential yellow-to-red color scale with gray for missing data. The visualization loads Indian state boundaries from a TopoJSON file and joins them with poverty data from a CSV. The code uses d3.geoPath with a Mercator projection to draw the SVG paths, plus d3.scaleSequential and d3.axisBottom for a horizontal legend, with hover tooltips via SVG title elements.

Ssravya7136@gmail.com

81% match

Loading thumbnail…

India Map: ICE-8

This example displays an interactive map of India with state capitals marked as colored circles, using a CSV dataset that includes city coordinates, population, and color values. It renders the geographic boundaries and city points as SVG elements, with D3 v5 and TopoJSON handling the map projection and path generation. The visualization uses `d3.csv` to load the data, `d3.geoPath` to draw the map, and `d3.select` to bind city positions to the SVG, with hover colors defined per city. The map is centered on India with a fixed 900x1500 viewport.

MMalempatiSaranya

77% match

Loading thumbnail…

Assignment2_Task6_India_districts_States

This example presents an interactive choropleth of India’s districts and states, colored by state and overlaid with major city markers. A Mercator projection is used with `d3.geoPath` to render TopoJSON boundaries for districts and states, while a color scale assigns hues per state. Users can zoom and pan the map via `d3.zoom`, and hovering over a district shows its name and state in a tooltip. District paths are semi-transparent, with state outlines emphasized in white.

Ssreekarthanda@gmail.com

77% match

Loading thumbnail…

Making Maps - Country Map(ICE-8)

This example renders a choropleth-style map of India using SVG. The code loads GeoJSON data containing Indian state boundaries, converts it with `topojson.feature`, and projects it using `d3.geoMercator` with `d3.geoPath`. States are drawn as stroked paths, with colors assigned via `d3.scaleOrdinal` and `schemeCategory10`. A `d3.zoom` handler enables panning and zooming on the map.

Aav.dj.2000@gmail.com

76% match

Loading thumbnail…

ICE-8 Hasini

This example presents a side-by-side comparison of two geographic visualizations: a world map displaying country borders with no data, and a map of India colored by state-wise literacy rates from Census 2011. The India map uses a sequential yellow-green color scale, ranging from 60 to 95 percent, to encode literacy data. It is rendered using `d3.geoMercator` and `d3.geoPath` on an SVG canvas, with interactive tooltips appearing on hover. The project loads geographical data from `visionscarto-world-atlas` and `india-atlas` JSON sources.

Hhasinipriyad7@gmail.com

76% match

Loading thumbnail…

India Mercator

This visualization displays a map of India with its states and union territories, along with major city labels. It uses a Mercator projection and colors each subunit with a category-based color scale. The code employs D3.js v4 with `d3.geoMercator`, `d3.geoPath`, `d3.scaleOrdinal`, and `d3.schemeCategory20`, alongside TopoJSON for geographic data. Functions automatically center and scale the map to fit the window, draw outer boundaries, subunit boundaries and labels, and place city names from the included `india.json` topology.

FFrissAnalytics

76% match

Loading thumbnail…

India map- chloropleth map

This choropleth map of India renders each state as a colored SVG path, with colors assigned by an ordinal scale based on the state’s name. The map uses a Mercator projection and includes state labels positioned at polygon centroids. It loads TopoJSON geographic data and converts it to GeoJSON with the `topojson` library, then draws paths using `d3.geoPath`. A CSV from a GitHub gist containing women’s population data is fetched with `d3.csv`, though it is only logged to the console and not visualized.

NNita

76% match

Loading thumbnail…

Activity 8 Country

This visualization displays a map of India using geographic data from the world-atlas TopoJSON dataset. The code extracts India’s geometry with `topojson.feature` and projects it using `d3.geoMercator` with `.fitSize` to center the country within a 960×500 SVG canvas. A single path is drawn via `d3.geoPath`, rendering India's borders as a simple, unadorned silhouette. The example demonstrates basic map projection and TopoJSON handling in D3 v5, using SVG for output.

Vvineelaramulapalli32

75% match