Activity 8 Question 5 Part 2

Activity 8 Task 5.2

This example displays a choropleth map of India rendered as an SVG using D3 v5 and TopoJSON. It loads world country geometries from the world-atlas dataset, isolates India by finding its feature in the geographic data, and applies a Mercator projection fitted to the country’s bounds. The map is drawn with d3.geoPath, while topojson.feature extracts the relevant geometry for rendering.

Ssreekarthanda@gmail.com

Activity 8 Country

This example renders a map of India from TopoJSON data using D3 v5 and the topojson-client library. It extracts the India geometry from the world-atlas countries-50m dataset, applies a Mercator projection with d3.geoMercator, and fits it to a 960 by 500 pixel SVG canvas. The map is drawn as a single path element using d3.geoPath. The code loads D3 from a CDN and does not include interactive features.

UUmarani Vemula

Activity_8-Task_5(2)

This example displays a single country, India, as a static SVG map rendered from TopoJSON world data. The code extracts the India geometry from the world-atlas dataset using the topojson-client API, then applies a Mercator projection with d3.geoPath to draw the country’s boundaries. The map is centered and scaled to fit a 960×500 pixel viewport, demonstrating a minimal setup for geographic visualization with D3 v5.

Ssaipaidipalli

Activity 8 Country

This example displays a map of India rendered as an SVG path, centered and scaled using a Mercator projection. The code loads world country boundaries from the World Atlas TopoJSON dataset via `d3.json`, extracts India’s geometry with `topojson.feature`, and fits it to a 960×500 viewport using `d3.geoMercator().fitSize`. A single path drawn with `d3.geoPath` visualizes the country’s outline. The visualization demonstrates loading external JSON, filtering TopoJSON features, and projecting geographic data entirely with D3 v5.

Mmn0658

Activity 8_Task5_2

This example displays a choropleth-style map of India rendered as an SVG path using D3 v5. It loads world-atlas TopoJSON data, extracts the India geometry, and applies a Mercator projection with `d3.geoMercator` and `d3.geoPath`. The map is fitted to a 960x500 viewport using `fitSize`, and the resulting path is drawn onto an SVG element. The code demonstrates TopoJSON client usage and geographic path generation.

AArun Pratap

Activity 8 Q5B

This example displays a choropleth map of India using a Mercator projection, rendered as SVG. It loads country boundary data from the world-atlas TopoJSON file and extracts the India geometry with a topojson-client feature lookup. The code applies a d3.geoMercator projection with fitSize to scale the map to 960 by 500 pixels and draws it using d3.geoPath. The visualization focuses solely on outlining India’s shape without additional styling or data overlays.

Ppasyasahas

Activity 8 Task 5-2 Country

This example displays a map of India rendered as an SVG path, centered within a 960-by-500 viewport. It uses D3 version 5 and TopoJSON to load the world-atlas dataset, extract the country’s geometry by name, and project it with a Mercator projection fitted to the country’s bounds. The `d3.geoPath` generator then draws the boundary, with no additional styling or interactive elements.

VVishnu Sudireddy

Activity 8 Country

This example displays a map of India rendered as an SVG path, centered using a Mercator projection fitted to the country’s boundaries. It loads world country geometries from the world-atlas TopoJSON dataset, filters for India, and draws the shape with d3.geoPath. The code demonstrates importing D3 v5 via a CDN script tag and using topojson-client to extract features.

Aaniteshterala2000