Skip to main content
SimilarExport ZIP
100%

Uganda Budget

✓ Published0🌍 Public
Ssavalifestus75@gmail.com
Last edited Jan 3, 2024
Created on Jan 3, 2024

This visualization presents a treemap of Uganda’s national budget, partitioning government expenditures into nested rectangles sized by allocated funds. Each block represents a ministry or department, with color coding to differentiate spending categories. Built with the D3.js library, the layout is computed using a squarified treemap algorithm and rendered via SVG `rect` elements. Data for the 2021/2022 fiscal year is loaded from a JSON file, and hover interactions display tooltips with detailed line-item values using D3’s `enter` and `exit` transitions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Uganda Budget

A static bar chart displays the Uganda budget, comparing two named categories, project and laptop, with values 50 and 40. The visualization uses D3.js v7 to bind the data object to list items via `d3.select`, `selectAll`, `data`, and `enter`, appending list elements that render the numeric values. The page also includes an empty SVG for a smiley face, but the code only populates the list. The example demonstrates fundamental DOM manipulation with direct data binding, rendering the budget figures as text items rather than geometric shapes.

Ssavalifestus75@gmail.com
83% match
Loading thumbnail…

Uganda Budget

This example demonstrates fundamental DOM manipulation with D3.js by rendering a smiley face whose eyebrows move, alongside a list representation of Uganda’s budget data. The visualization pairs an SVG face with a `<ul>` element populated using `d3.select`, `selectAll`, `data`, `enter`, and `append` to bind a simple object containing project and laptop values. The face animation relies on D3 v7’s selection and attribute methods, though the code also loads an unused older D3 version. The budget data appears as list items, showing text binding without visualization of proportions or comparison.

Ssavalifestus75@gmail.com
79% 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
67% match
Loading thumbnail…

US Federal Budget

This interactive visualization uses a force-directed bubble chart to display the 2017 US federal budget, with each circle sized by spending amount and colored by BEA category. Users can toggle grouping by BEA category or grant type, which rearranges the bubbles along the x- and y-axes, respectively, using d3-force simulations. The chart is built with D3 v4 and SVG, and includes tooltips showing agency names and budget values. Data is loaded from a CSV and preprocessed to filter out zero-budget entries and aggregate by agency, BEA category, and grant/non-grant split.

3300ani
64% match
Loading thumbnail…

US Federal Budget

This visualization uses a force-directed bubble chart to display the 2017 US Federal Budget, with each circle representing a government agency. Circle area encodes the agency’s budget amount, and color encodes its BEA (Bureau of Economic Analysis) category. Users can check boxes to group agencies by BEA Category or by Grant/Non-grant split, triggering the circles to rearrange via d3-force. The chart is built with D3 v4 and SVG, using a power scale for area, an ordinal color scale, and a force simulation with collide and x-position forces. Hovering over a circle reveals a tooltip with the agency name and budget in millions of dollars.</noah>

3300ani
64% 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
63% match
Loading thumbnail…

US Federal Budget

This visualization uses a force-directed bubble chart to depict the 2017 US Federal Budget, with each circle sized by budget amount and colored by BEA Category. Two checkboxes let users group the bubbles by BEA Category or by Grant, shifting the force layout's x-positioning to align circles with their respective categories. Built with D3 v4 and rendered in SVG, the chart encodes budget magnitude through circle area using a power scale, and hovering reveals exact dollar amounts via tooltips. The interactive layout allows users to explore how spending is distributed across agencies and categories.

3300ani
63% match
Loading thumbnail…

SDG Budget in Nepal

This visualization shows Nepal's budget allocations across various Sustainable Development Goals (SDGs), displayed as a horizontal bar chart using SVG rendered through React. Each bar represents a goal’s budget in lakhs of rupees, converted to absolute values via `d3.csv`. The chart uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the continuous x-axis, with tick formatting via `d3.format`. Data is fetched from a remote CSV using `useData`, a custom React hook, and interactive tooltips are provided through SVG `<title>` elements.

SSabin Bhandari
63% match