Skip to main content
SimilarExport ZIP
100%

EdX Viewership 2013: Aggregating in App!

✓ Published2🌍 Public
Ssophburke
Last edited Oct 22, 2019
Created on Oct 16, 2019

This visualization maps EdX video viewership for HarvardX and MITx online courses in 2013, plotting circles sized by total video plays per country on a Mercator-projected world map. The circles, generated with d3.scaleSqrt and rendered as SVG paths via d3.geoPath, sit atop land and graticule layers from the World Atlas TopoJSON. Hovering reveals the country name and view count. The React app loads CSV data with d3.csv and aggregates counts by country using d3.bin and d3.sum.

AI-generated description

This is a visualization of the Harvardx/MITx Course-Person Dataset for the academic year 2013. The data shows the number of video views of the online courses, represented by the circles on the map. The data can be found [here] (https://gist.githubusercontent.com/sophburke/e2a5a57fd931cb6174b2ba4494b24996/raw/16d11e7f2ba5920161880e346f988dfea337eee0/hxmitx_pers-courseAY2013_viewer_location-test,csv).
</br> The world map behind the points is a Mercator type map using the World Atlas TopoJSON. The points are off by a small fraction (down and to the left) however it fits much better on the Mercator projection over the Natural Earth projection. When the user hovers over each point, they can see the latitude and logitude of that deployment.

MIT Licensed

Similar vizzes

Loading thumbnail…

EdX Viewership 2013: Aggregating in App! back to normal, 10:23

A Mercator map of the world shows the geographic distribution of video views in the HarvardX/MITx online courses for 2013. Circles sized with `d3.scaleSqrt` mark the number of video plays at each recorded latitude and longitude, with hover tooltips revealing the specific country and view count. The visualization uses `d3.geoPath` to render land and graticules from World Atlas TopoJSON, while React manages the component state. The dataset is loaded from a CSV file via `d3.csv`, with each point’s radius proportional to its view total.

Ssophburke
95% match
Loading thumbnail…

EdX Viewership Map, 2013

A world map displays the geographic distribution of video views in HarvardX and MITx online courses for 2013. Each circle’s radius encodes the total number of views at its location, with a tooltip revealing the exact country and view count on hover. The visualization uses a Mercator projection through `d3.geoPath` and `d3.geoMercator`, rendering land and graticules from the world-atlas TopoJSON. Data points, loaded via `d3.csv` from a GitHub Gist, use `d3.scaleSqrt` to map view counts to radius, all drawn as SVG marks within a React component.

Ssophburke
91% match
Loading thumbnail…

EdX Viewership Map, 2013

This map visualizes the geographic distribution of video views in the Harvardx/MITx online courses for the academic year 2013. Circles sized by view count appear at viewer locations across a Mercator-projected world map, with hover tooltips showing latitude, longitude, and country. The visualization uses React for rendering, d3.geoMercator and d3.geoPath for map projection, and d3.scaleSqrt for circle sizing. Data comes from a CSV of course-person records, while the map boundaries use TopoJSON from the World Atlas.

Mmkt-ds
90% match
Loading thumbnail…

EdX Viewing Patterns by Country, 2013

A world map using a Mercator projection displays circles sized by total video views for HarvardX and MITx online courses in 2013. The visualization uses d3.geoPath for rendering land and graticules, while circles are positioned by longitude and latitude and scaled with d3.scaleSqrt. Hovering reveals country and view counts. A dropdown menu filters between total views and individual courses, although the filtering logic is not connected. Data comes from a CSV dataset of course-person viewer locations.

Ssophburke
89% match
Loading thumbnail…

EdX Viewership 2013: Adding Dropdowns

This example maps the geographic distribution of video views in HarvardX/MITx online courses from 2013. Circles sized by view count are projected onto a world map using `d3.geoMercator` and `d3.geoPath`, with graticules and country interiors drawn from World Atlas TopoJSON. The visualization includes dropdown menus to filter data by course and institution, though filtering logic and tooltips are not yet implemented. Data comes from a CSV file loaded via `d3.csv`, and the React component structure uses hooks like `useState` and `useEffect` alongside d3 scales for sizing.

Ssophburke
89% match
Loading thumbnail…

Aggregation by Country using Map

This example visualizes the geographic distribution of video views for Harvardx and MITx online courses in 2013. Circles positioned using a Mercator projection show total views per location, with a tooltip revealing the country name and view count. The visualization combines React for component rendering with D3’s `geoMercator`, `geoPath`, and `scaleSqrt` for sizing. It overlays aggregated view data from a CSV dataset onto land and graticule shapes generated from TopoJSON world atlas data.

Ssophburke
87% match
Loading thumbnail…

Dropdown attempts - EdX Viewing Patterns by Country, 2013

This map visualizes geographic patterns in EdX video views for the 2013 academic year, with circles sized by total views per country on a Mercator projection. The visualization includes a dropdown menu to filter countries, though the filtering logic is incomplete. The React application uses d3.geoPath for map rendering, d3.scaleSqrt for circle sizing, and loads world geography from World Atlas TopoJSON while view data comes from a CSV of Harvardx/MITx course records.

Ssophburke
85% match
Loading thumbnail…

Aggregation by Country + Dropdown

This visualization displays the number of video views for HarvardX/MITx online courses in 2013, with circles sized by view count on a world map. A dropdown menu filters the displayed data by course. The map uses a Mercator projection via `geoMercator` and `geoPath`, with geographic features from the World Atlas TopoJSON. View data comes from a CSV file loaded with `d3.csv`. The visualization is built with React components and D3 scales (`scaleSqrt`) for circle sizing.

Ssophburke
85% match