CS 360 final project viz 4

100%

CS 360 final project viz 4

✓ Published0🌍 Public

Last edited Dec 4, 2022

Created on Nov 16, 2022

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.

AI-generated description

This shows the top three most-viewed English Wikipedia articles by month, from December 2015 to October 2022. When hovered over, a tooltip will display the title of the article.

MIT Licensed

Similar vizzes

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.

EEmperor-Nathan

81% match

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.

EEmperor-Nathan

74% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of CS416 Project_2

This visualization displays Amazon Top 50 bestselling books from 2009 to 2019, showing average user ratings and prices per year through grouped bar charts. Users select individual years via buttons to view summary statistics. The D3.js (v6) code uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to render SVG rectangles, with color scales mapping rating and price values. Data is loaded asynchronously from CSV files via `d3.csv`, and two separate chart panels share the SVG canvas.

Mmz4987

69% match

Loading thumbnail…

CS416 Project_2

The visualization compares average user ratings and prices of Amazon top 50 bestselling books from 2009 to 2019 using two linked bar charts. It renders SVG with d3.v6, using `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft`/`d3.axisBottom` to encode data from a Kaggle CSV. Interactive buttons trigger `init2()` to highlight a selected year with thicker strokes, while an animation-driven `next()` button advances through years sequentially.

Mmz4987

68% match

Loading thumbnail…

csce5320finalfinalproject

This example presents two side-by-side bar charts ranking the top ten countries by GDP per capita and by gross primary education enrollment. The charts use D3.js version 6 to load CSV data from remote GitHub sources and render scalable vector graphics (SVG). Each bar chart uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with `d3.axisBottom` and `d3.axisLeft` for ticks. Interactive tooltips appear on bar mouseover, showing the country name and the corresponding metric value.

Ssriharshakondakindi@gmail.com

68% match

Loading thumbnail…

Fork of Fork of CS416 Project_2

This visualization presents Amazon’s top 50 bestselling books from 2009 to 2019 using D3.js v6, rendering as SVG with interactive buttons. It shows two side-by-side bar charts tracking average user ratings and prices across years, colored by value, plus a scatterplot for a selected year where each circle represents a book, positioned by number of reviews and user rating, with size and color encoding price. Hovering reveals book name and author via an HTML tooltip, driven by D3 mouse events and scales like `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleLog`, using CSV data loaded from GitHub.

Mmz4987

68% match

Loading thumbnail…

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.

EEmperor-Nathan

67% match

Loading thumbnail…

Untitled

This interactive bar chart displays the top 30 cricket batters based on a selected statistic, such as runs, centuries, or strike rate. A dropdown menu lets viewers switch between metrics, triggering a smooth transition that re-sorts and re-scales the bars. The visualization uses D3.js to load CSV data from GitHub, bind it to SVG rectangles, and update axes, bars, and values dynamically. Hovering over a bar reveals a tooltip with the player’s name and their exact figure for the chosen stat. The entire interface is built with HTML, CSS, and React.

BBhargavkaipa

67% match