Skip to main content
SimilarExport ZIP
100%

Fork of Entrace Applicants Distribution

✓ Published0🌍 Public
AAjaya Mandal
Last edited Aug 8, 2021
Created on Aug 8, 2021

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.

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
92% match
Loading thumbnail…

Entrace Applicants Distribution

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`.

PPriteshlip10
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
70% match
Loading thumbnail…

Fork of Fork of Locations of Datavis 2020 Students By Date

This map visualizes the geographic distribution of Datavis 2020 students, with each circle representing a student’s approximate location and colored by the week they joined. The visualization uses D3.js’s `geoNaturalEarth1` projection and `geoPath` to render the world map, graticules, and country interiors from TopoJSON data. Student coordinates, manually geocoded into a CSV, are plotted as SVG circles using React, with a sequential Viridis color scale for the join date and a legend showing the date range.

NNarayana Reddy
67% match
Loading thumbnail…

Fork of Fork of United States Educational Attainment - Choropleth Map

A choropleth map of the United States displays the percentage of adults with a bachelor's degree or higher by county, using a sequential purple color scale from d3.scaleThreshold. The visualization includes an interactive tooltip showing the county name, state, and exact percentage on mouse hover, along with a legend mapping color bands to percentage ranges. Built with React and D3 v5, it renders counties as SVG paths using d3.geoPath and TopoJSON data, with the project sourced from FreeCodeCamp's educational attainment and county boundary datasets.

VVu Le
67% match
Loading thumbnail…

Fork of Fork of Fork of Fork of india map

This visualization displays a choropleth map of India, rendering both state boundaries and district-level subdivisions. Districts are filled with categorical colors using a `d3.scaleOrdinal` with `schemeCategory10`, and hovering over a district turns it black. The map uses a `d3.geoMercator` projection and `d3.geoPath` to draw the geometry. It is built with React and D3, pulling TopoJSON data from GitHub sources for state and district boundaries. Pan and zoom interactions are enabled via `d3.zoom`.

Ssaiteja0725
66% match
Loading thumbnail…

Fork of hello leaflet.js

This interactive map displays Nepal’s administrative districts and their headquarters on an OpenStreetMap tile layer. The visualization fetches district boundary and headquarters data from GitHub-hosted GeoJSON files, loaded asynchronously via `Promise.all` and `d3.json`. The map is rendered using the Leaflet.js library, with the base layer configured through `L.map`, `L.tileLayer`, and `setView`. A custom D3.js script orchestrates the data retrieval, while the map view is initialized at a specific longitude and latitude pair with a zoom level of seven.

Fferneyhoughedward@gmail.com
66% match
Loading thumbnail…

Fork of Fork of United States Educational Attainment - Choropleth Map

This choropleth map of the United States visualizes the percentage of adults aged 25 and older with a bachelor’s degree or higher, using a purple sequential color scale to encode educational attainment by county. County boundaries are rendered as SVG paths via `d3.geoPath`, with missing data shown in gray. A custom `d3.scaleThreshold` color legend displays class breaks, while mouseover interactions reveal county names, states, and percentages in a blurred tooltip. The visualization combines React components with D3 v5, importing data from FreeCodeCamp’s JSON endpoints for county boundaries and educational statistics.

TThaverman
66% match