Skip to main content
SimilarExport ZIP
100%

Fork of Geospatial Visualization to show how different districts in Uganda voted for each Political Party.

✓ Published0🌍 Public
JJOSHUA BUSINGE
Last edited Jul 15, 2022
Created on Jul 15, 2022

An interactive map of Uganda displays election results by district. Dropdown menus allow selection of a specific district and political party to filter the data. Bubble size and color intensity encode the number of votes received using `d3.scaleLinear` for both radius and a red color scale. The visualization is built with `d3.geoPath` to render district and country boundaries from GeoJSON files, with circles positioned using a map projection based on coordinates from `districts_lon_lat.json`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Geospatial Visualization to show how different districts in Uganda voted for each Political Party.

This visualization shows how different districts in Uganda voted for each political party in the 2021 presidential election. Users can select a district and a party from dropdown menus to see the results displayed as colored circles on a geographic map of the country. The visualization renders using SVG and D3 v4, with the `d3.geoPath` and `d3.geoAlbersUsa` projections to draw the district boundaries and position the data points based on latitude and longitude coordinates from a JSON file. Circle size and color encode the number of votes, with a tooltip providing additional details.

JJOSHUA BUSINGE
93% match
Loading thumbnail…

Elections Data

This visualization displays the geographic distribution of cities in Uganda on a Mercator projection map, with each city marked by a red circle. The map shows Uganda’s administrative boundaries using U.S. Atlas TopoJSON data, rendered via `d3.geoPath` and `d3.geoMercator`. City coordinates from a local CSV are plotted as circles, with zoom and pan enabled through `d3.zoom`. Tooltips appear on mouseover, though the code also includes transitions and scaling transformations for the circles.

JJOSHUA BUSINGE
77% match
Loading thumbnail…

Fork of Let's make a Ugandan Map

This example displays a GeoJSON map of Ugandan districts, loading the data from a gist URL and logging it to the console. The visualization renders an SVG container sized at 960 by 500 pixels, with the district boundaries drawn using D3 v5’s `json` method for asynchronous data fetching. The code sets up the SVG selection and dimensions, but does not yet compute paths or render the map geometry; it only logs the fetched GeoJSON data to the console for inspection.

BBRIAN JORAM WANDOBIRE
75% match
Loading thumbnail…

Data Visualisation

This visualization displays water quality measurements from villages in Uganda, plotting each sample as a rectangle positioned by latitude and longitude. The SVG rendering uses D3 v5’s `csv` loader to parse the tab-delimited data and `scaleLinear` for coordinate mapping. Each rectangle is appended via `selectAll('rect').data().enter()`, though the current code only sets a fixed 300-pixel width and height without encoding other variables. The example serves as a basic template for geospatial data plotting with D3’s data-binding approach.

MMbabazi Elizabeth Shirley
66% match
Loading thumbnail…

Fork of Fork of Fork of colorado county data bar chart pt 2

This visualization displays a stacked bar chart of yes and no votes for each Colorado county from a CSV file, rendered using D3.js v4. The chart uses D3’s `scaleBand` and `scaleLinear` functions to map counties and vote counts, with each bar segmented into green and red sections. Hovering over a county triggers a tooltip showing the specific vote tallies. The map data comes from a GeoJSON file, though currently only the bar chart is implemented, not the choropleth.

Mm_gilespufahl@coloradocollege.edu
66% match
Loading thumbnail…

Fork of Country map using d3.js

This visualization displays a map of African countries with administrative subdivisions, rendered as a static SVG graphic. The map uses a green fill for state regions with black stroke outlines, set against a pink sphere background. The code loads GeoJSON data from a GitHub gist and processes it using topojson’s `feature` API, while d3.geoMercator projection and d3.geoPath generate the geographic paths. The rendering approach relies on SVG path elements appended dynamically via d3’s data join, with styling defined in CSS classes.

Bbhargavarathod
65% match
Loading thumbnail…

Fork of Fork of Fork of colorado county data bar chart pt 2

This visualization displays Colorado county election results as a stacked bar chart, with each bar representing the yes and no vote counts for a specific proposition. Hovering over a county reveals a tooltip with the exact vote numbers. The chart uses D3 v4 APIs including `d3.scaleBand`, `d3.scaleLinear`, `d3.stack`, and `d3.zoom` for interactive panning. It loads county boundaries from a GeoJSON file and vote data from a CSV, rendering the bars as SVG rectangles.

Bbepnye@gmail.com
65% match
Loading thumbnail…

Fork of prop comparison2

This example visualizes election results for Colorado counties, comparing yes votes across two propositions with a grouped bar chart. The bars are positioned using `d3.scaleBand` for both county groups and propositions, with height mapped through `d3.scaleLinear` and fill colors from `d3.scaleOrdinal`. It loads county geometry from EarthPy’s GeoJSON and ballot data as CSV via `d3.json` and `d3.csv`, rendering in SVG. An interactive tooltip is implemented in `events.js` to display per-county vote counts on hover.

Ooliverkendall99@gmail.com
65% match