Emperor-Nathan

@Emperor-Nathan·5 public vizzes

CS 360 final project choropleth

This choropleth map displays the most popular languages (l1–l5) per country using October 2022 data, with each country colored by its primary language’s share of page views. Hovering over a country highlights it and reveals the top five language names and their proportional bar lengths in a custom axis. The visualization uses d3.geoPath with a geoEquirectangular projection to render the world map, d3.scaleThreshold and d3.schemeBlues for coloring, and d3.axisTop for the interactive bar chart that appears on hover.

Dec 4, 2022

Loading thumbnail…

CS 360 final project viz 4

This visualization shows the top three most-viewed English Wikipedia articles per month from December 2015 to October 2022, with gold, silver, and bronze bars for first, second, and third place. Each row represents a month, and bar lengths reflect view counts on a linear scale from zero to 150 million. Hovering over a bar reveals a tooltip with the article title, ranking, and exact view count. The code uses d3.scaleLinear, d3.axisTop, d3.axisBottom, and d3.csv to load the data and render the SVG.

Dec 4, 2022

Loading thumbnail…

CS 360 final project pie charts

This example presents two interactive pie charts that compare English Wikipedia page views by device type (mobile web, mobile app, and desktop) for two selected months. Users can advance the left chart’s month using arrow buttons or an auto-playing animation, while hovering over any slice displays a tooltip with its precise count. The visualization is built with D3.js v4, using `d3.pie` for slice geometry, `d3.arc` for rendering paths, and an ordinal color scale. Data is loaded from a CSV file containing monthly totals from 2016 to 2022.

Dec 2, 2022

Loading thumbnail…

CS 360 A9 county map (new)

This choropleth map shows the percentage of adults with a bachelor’s degree or higher across U.S. counties for the 2016–20 period, using a color-encoded geographic visualization. The map is rendered with D3 v7, specifically utilizing `d3.geoPath` to project and draw county boundaries from a TopoJSON file, while county data is loaded from a CSV via `d3.csv`. The code iterates through both datasets to match FIPS codes and assigns each county’s property value, which is then used to drive the map’s choropleth coloring.

Nov 8, 2022

Loading thumbnail…

CS 360 final project line chart

This chart displays monthly Wikipedia pageviews for four language editions (English, Polish, Catalan, and Icelandic) from 2016 to 2022, using a log-scaled y-axis to accommodate their vastly different magnitudes. The visualization uses D3 v7 with SVG rendering, employing `d3.line` with basis curves, `d3.scaleLog`, `d3.scaleTime`, and `d3.axisBottom`/`d3.axisLeft`. Hovering over a path highlights it by dimming others, while clicking toggles a line’s opacity. The data comes from a CSV file with monthly view counts.

Nov 1, 2022