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

100%

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

✓ Published1🌍 Public

Last edited Jul 16, 2022

Created on Jul 8, 2022

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.

AI-generated description

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

Similar vizzes

Loading thumbnail…

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

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

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

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

66% match

Loading thumbnail…

Untitled

This interactive visualization presents the results of Singapore’s 2020 general election, showing popular vote shares by party in a pie chart alongside constituency-level maps and tables. Users can switch between tabs for overall results, single-member constituencies (SMCs), group representation constituencies (GRCs), and party breakdowns. The code uses d3.pie and d3.arc to generate the animated pie chart, while d3.geoPath renders the geographic maps from TopoJSON data. Tooltips, implemented via d3-tip, display additional details on hover, and the CSV data is loaded and bound to the visual elements.

SSeanisgod1994

66% match

Loading thumbnail…

2013 Federal Election Visualisation

This interactive visualization maps the 2013 Australian federal election results across New South Wales electoral boundaries. Users can explore votes by electorate on a Leaflet choropleth map and filter by political party using a dc.js row chart, with crossfilter managing the linked selections. The map renders geographical boundaries from GeoJSON data and colors them using ColorBrewer schemes, while the underlying voting data is loaded from a CSV file. The interface also includes options to export the full or filtered dataset as a CSV download.

MMonaiThang

64% match

Loading thumbnail…

Us 2020 elections by county

A choropleth map of the US 2020 presidential election results by county colors each county on a red-blue diverging scale based on the margin between Democratic and Republican votes, with state borders overlaid in white. Hovering over a county updates a detail panel showing the vote percentages and a horizontal bar comparison between Joe Biden and Donald Trump. The visualization uses D3 v4 with `d3.geoAlbersUsa` and `d3.geoPath` to render TopoJSON county boundaries from the US Census, while `d3.scaleSequential` with `d3.interpolateRdBu` handles the color encoding. Data comes from The Guardian and USA Today.

Ggcappadaniel

64% match

Loading thumbnail…

Bar chart.js

This example visualizes the popular vote counts for political parties and alliances in Singapore's 2020 general election using a horizontal bar chart. Each bar represents a party's total votes, with hover interactions turning bars red and tooltips displaying the exact vote count. The chart is rendered as SVG using D3 v6, with data loaded from a CSV file. The code leverages `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` to map votes to bar widths and party names to the y-axis, while removing default axis lines and ticks for a cleaner appearance.

SSeanisgod1994

63% match