JOSHUA BUSINGE

@joshuabusinge·6 public vizzes

Sol Lewitt Reproduction

This reproduction of a Sol Lewitt art piece displays a grid of geometric shapes, including squares, triangles, and circles, arranged in a colorful, patterned composition. The SVG renders the artwork statically on a 960 by 500 pixel canvas, using plain HTML and JavaScript with no external libraries. The code includes only commented-out JavaScript syntax examples, so the visual is generated solely through the SVG markup, directly mimicking Lewitt’s instructional style.

Sep 8, 2022

Loading thumbnail…

Fork of psuedo visualizations - venn diagram

This example presents a simple Venn diagram with two overlapping circles rendered as inline SVG. The visualization uses plain HTML/CSS for styling, including a hover transition that changes the blue circle’s fill color via the `#blueCircle:hover` rule. Two white outlined circles highlight the intersection regions, while a title and border frame the 960×500 canvas. The source references the DataViz Catalogue for design inspiration, and the rendering relies entirely on SVG elements and CSS transitions rather than a JavaScript library.

Sep 8, 2022

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.

Jul 16, 2022

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.

Jul 16, 2022

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

Jul 15, 2022

Loading thumbnail…

Fork of Let's make a face with D3.js

This example shows a smiling cartoon face built with D3.js v5, featuring animated eyebrows that move up and down over time. The face is constructed from SVG primitives, including a yellow circle for the head, black circles for eyes, rectangles for eyebrows, and a mouth drawn using an arc path. The code uses D3’s `select` and `arc` APIs, along with chained `transition` calls to animate the eyebrow position. Rendering is set up in a React-free HTML page with an SVG canvas, though the framework metadata indicates React integration is possible.

Jul 5, 2022