Entrace Applicants Distribution

100%

Entrace Applicants Distribution

✓ Published2🌍 Public

Last edited Aug 8, 2021

Created on Aug 7, 2021

This choropleth map shows the distribution of students appearing in the IOE Entrance exam across Nepal’s districts for the year 2073. The visualization uses a sequential color scale (`d3.scaleSequential` with `interpolateYlGnBu`) to encode the number of applicants per district, with gray marking districts missing data. Built with React and D3 v7, it loads GeoJSON district boundaries and CSV admission data, then matches them by district name. The map is rendered as SVG using `d3.geoMercator` projection and `d3.geoPath`.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Entrace Applicants Distribution

A choropleth map shows the number of students appearing in the Institute of Engineering entrance exam across districts of Nepal, with color intensity representing applicant counts. The visualization pulls from multiple years of admission data, presented as a combined view. Built with React and D3 v7, it uses `geoMercator` projection, `geoPath` for map rendering, and `scaleSequential` with the `interpolateYlGnBu` color scale. District names from the GeoJSON are normalized to match the dataset, and missing values for Manang and Mustang are set to zero.

PPriteshlip10

91% match

Loading thumbnail…

Fork of Entrace Applicants Distribution

A choropleth map of Nepal shows the distribution of students appearing in the Institute of Engineering entrance exam in 2074, with each district colored on a sequential yellow-green-blue scale based on applicant count. Missing districts render in gray. The visualization uses React with D3 v7, employing `d3.geoMercator` and `d3.geoPath` for map projection and rendering, while `d3.rollups` aggregates the CSV data (from Data Canvas Sense Your City Dataset) by district. A dropdown menu allows switching between different exam years, though only the 2074 view is initially rendered.

AAjaya Mandal

88% 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

65% match

Loading thumbnail…

test

This choropleth map shades US counties according to the percentage of residents with a bachelor's degree or higher, using an orange-yellow sequential color scale. The visualization leverages React for the SVG rendering, with D3's `geoPath` for drawing county, state, and nation boundaries from a TopoJSON source. Education data is fetched from a freeCodeCamp-hosted JSON file, and county colors are mapped via D3's `scaleSequential` and `interpolateYlOrRd`.

Ttomahawk-jupiter

64% match

Loading thumbnail…

ICE8 - Country Map

This example presents a choropleth map of Indian electoral regions, using color to encode the Electoral Division property of each region. The map is rendered as SVG paths generated via `d3.geoPath` with a `geoMercator` projection. Data is loaded from a remote TopoJSON file, parsed with the `topojson` library, and each region’s fill color is assigned using a custom ordinal scale. The code also appends a `<title>` element for each path, providing region names as hover tooltips.

Vvagdevi-369

62% match

Loading thumbnail…

Fork of United States Educational Attainment - Choropleth Map

This choropleth map displays the percentage of adults aged 25 and older with a bachelor's degree or higher across U.S. counties, using a purple sequential color scale and gray for missing data. Built with React and D3 v5, it renders county boundaries via `geoPath` and TopoJSON, with a threshold scale mapping education values to colors. Hovering reveals a tooltip showing the county name, state, and percentage. A legend below the map uses `scaleThreshold` and `invertExtent` to display color breaks, while data comes from FreeCodeCamp's education and county JSON files.

DDonald Bagwell

62% match

Loading thumbnail…

USA Education Choropleth Map (fcc project)

This choropleth map shows the percentage of adults with a bachelor’s degree or higher across U.S. counties, using a sequential YlGn color scale. The React app loads county, state, and nation boundaries from a TopoJSON file and education data from freeCodeCamp’s CDN, then renders them as SVG paths via `d3.geoPath`. County colors are assigned by looking up each county’s FIPS code in a Map, with white fill for missing data. State outlines are drawn as a mesh overlay, and the map is generated with `d3.json`, `topojson.feature`, and `scaleSequential`.

Ttomahawk-jupiter

62% match

Loading thumbnail…

Fork of Assignment 9: Choropleth Map

This choropleth map displays the percentage of adults with a bachelor’s degree or higher for U.S. counties, using a blue color scale and a legend with tick marks. The visualization employs d3.geoPath to render county and state boundaries from the us-10m TopoJSON dataset, with fill colors assigned from a d3.scaleThreshold based on values from the education.csv file. A legend is generated using d3.axisBottom, and the map is rendered as SVG.

EEnFlorian

62% match