Aggregation by Country + Dropdown

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.

95% match

Menus with React -Aggregation by Country + Dropdowns!

This interactive map visualizes video view counts for Harvardx/MITx online courses in 2013, aggregating data by country. A dropdown menu lets users filter the displayed points by individual course. The visualization uses D3’s `geoPath` with a Mercator projection to render the world map and graticule, while `scaleSqrt` sizes circles representing views. Hovering over a point reveals the country name and view count. Data is loaded from a CSV using D3’s `csv` function, and the interface is built with React state management for the dropdown selection.

91% match

From Chen Ding: Aggregation by Country using Excel + Dropdowns!

This example visualizes the number of video views for Harvardx/MITx online courses in 2013, with circles sized proportionally to view counts and positioned by geographic coordinates on a world map. A dropdown menu filters the view by specific course, and hovering over a circle reveals the country and total views. The map uses a Mercator projection via D3’s `geoMercator` and `geoPath` for landmasses and graticules, while `scaleSqrt` determines circle sizes. Data is loaded as CSV and TopoJSON, with the view rendered as React-driven SVG elements.

JJoker-tr

From Chen Ding: Aggregation by Country using Excel + Dropdowns!

This example visualizes the number of video views for HarvardX/MITx online courses in the 2013 academic year. Circles, sized by total views, are positioned on a world map according to viewer location, with a dropdown menu to filter by specific course. A tooltip reveals the country and view count for each circle. The visualization uses a Mercator projection via `geoMercator`, renders map features with `geoPath`, and calculates the circle sizing using `scaleSqrt` from D3 v5. The map data comes from the World Atlas TopoJSON, while view data is loaded from a CSV file.

Aggregation by Country using Map

This visualization maps video views from the Harvardx/MITx course-person dataset for 2013, with circle size encoding view counts per location. It uses a Mercator projection via `geoMercator` and `geoPath` from d3, rendering country boundaries from World Atlas TopoJSON and graticules. React components manage state with `useDataViews` and `useDataMap`, while circles display tooltips showing country names on hover.

CCurran Kelleher

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.

Aggregation by Country using Map

This example visualizes the total video views from the Harvardx/MITx Course-Person Dataset, aggregated by country and displayed as graduated circles over a Mercator-projected world map. The map uses d3.geoMercator and d3.geoPath to render landmasses, graticules, and country borders from World Atlas TopoJSON, while d3.scaleSqrt maps view counts to circle radii. Points are positioned using d3.projection, and hovering reveals the country and view count via an SVG `<title>` tooltip.

Mmkt-ds

88% match

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.