Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CS 360 final project pie charts

Public visualization

Viewing a saved revision (read-only)

50537606034940c6816550993a552e1e

CS 360 final project pie charts

0 stars0🌍 Public
EEmperor-Nathan
Last edited Dec 2, 2022
Created on Nov 29, 2022

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.

AI-generated description

This chart shows English Wikipedia views by device type by month. Hover over the pie chart slices to show more information. Click the arrows for the left chart to advance the timeframe, and click "Play animation" to auto-advance.

D3 resources: https://d3-graph-gallery.com/graph/pie_basic.html