Assignment 2.6.2

100%

Assignment 2.6.2

✓ Published0🌍 Public

Last edited Jul 19, 2023

Created on Jul 19, 2023

This example displays a choropleth map of Nepal, rendered as a green SVG path with a red stroke. It fetches the world-atlas GeoJSON dataset from a CDN and isolates the Nepal geometry using TopoJSON. The code projects the shape with a Mercator projection via `d3.geoMercator` and draws it using `d3.geoPath`, styling it with inline attributes.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity-8.5.2

This example displays a map of Nepal, rendered as an SVG using a Mercator projection. It loads world-atlas GeoJSON data from a CDN and filters it for the Nepal geometry. The code uses D3 v5 functions like `d3.json`, `d3.geoMercator`, `d3.geoPath`, and the `topojson-client` library to project and draw the country's boundary.

Ppjdhungana@gmail.com

89% match

Loading thumbnail…

World Map

This example visualizes the districts of Nepal as a choropleth-style map, rendered with SVG paths fitted to a clipped Mercator projection. The map displays geographic boundaries in teal against a gray sphere background, with the projection centered on Nepal’s coordinates. The code uses `d3.geoMercator` and `d3.geoPath` to project GeoJSON features, while React manages the component state and rendering. District data comes from the mesaugat geoJSON-Nepal repository, and the visualization is built with React 16.9 and D3 v5.

PPriteshlip10

80% match

Loading thumbnail…

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

79% match

Loading thumbnail…

Assignment 2 World map

This example displays a world map drawn as SVG paths, with countries filled in light gray and outlined in red. It loads country boundary data from a remote GeoJSON file using `d3.json`, then applies the `d3.geoMercator` projection with `fitSize` to fit the map into an 800×600 viewport. The `d3.geoPath` generator creates the path data for each feature. The map is rendered on a light gray background, and the styling uses CSS to control fill and stroke colors.

Ppasyasahas

78% match

Loading thumbnail…

Assignment 2 World map

This example displays a world map using a Mercator projection, with each country as a gray polygon outlined in red. The visualization loads GeoJSON country boundaries from a remote GitHub repository and renders them as SVG paths. It uses D3.js v6 APIs, including `d3.json` to fetch the data, `d3.geoMercator` for the projection, and `d3.geoPath` to generate the path data for each feature. The map is fitted to an 800×600 viewport using the projection’s `fitSize` method, with a light gray background applied via CSS.

Cchsaisriharsha@gmail.com

77% match

Loading thumbnail…

Assignment2_Task6_CountryMap

This example displays a map of Greenland rendered as a filled SVG path against a blank background. It loads geographic data from the world-atlas TopoJSON collection, extracts the Greenland feature using `topojson.feature`, and fits a `d3.geoMercator` projection to the country’s bounds with `fitSize`. The resulting shape is drawn on an SVG canvas using a `d3.geoPath` generator. D3 v5 and the topojson-client library are loaded via CDN to handle the data processing and map rendering.

Rrikhitakoganti12

77% match

Loading thumbnail…

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

77% match

Loading thumbnail…

Activity-8.5.1

This example displays an interactive world map using a spherical projection, rendered as SVG paths. It loads geographic data from a TopoJSON file via `world-atlas@2`, converting it to GeoJSON features with `topojson.feature`. The visualization supports zooming through `d3.zoom`, and styles continents with `d3.geoPath` and `geoEquirectangular`. Hovering over countries changes their fill color to maroon.

Ppjdhungana@gmail.com

76% match