Final Project - Video Analytics, EdX, 2013

100%

Final Project - Video Analytics, EdX, 2013

✓ Published0🌍 Public

Last edited Oct 30, 2019

Created on Oct 26, 2019

Forked from Sophie's Polished Scatter Plot with Menus

This scatterplot dashboard explores relationships among learner activity metrics—active days, video plays, forum posts, and grade—from the 2013 HarvardX and MITx EdX dataset. Two dropdown menus allow users to select which metrics appear on the x- and y-axes. A categorical color scale encodes gender, and point tooltips show the exact metric values. The visualization is built with React, rendering SVG marks and axes via D3 v5. Data loads from a CSV hosted on GitHub through D3’s `tsv` request.

AI-generated description

Trying to get the x axis to work.

A visualization of showing the relationship between different types of activity taken by users of HarvardX and MITx courses on EdX for the 2013 academic year. The data can be found on the MITx-HarvardX Dataverse.

MIT Licensed

Similar vizzes

Loading thumbnail…

Sophie's Polished Scatter Plot with Menus

This scatter plot explores the relationship between different learning activities and outcomes for HarvardX and MITx students on edX in 2013. Interactive dropdown menus allow users to select which two attributes, such as video plays, forum posts, or grade, to compare on the x- and y-axes. Built with React and rendered as an SVG, the visualization uses D3’s scale functions for axis construction and ordinal color scaling to differentiate data points by gender. The raw data is loaded from a CSV file using D3's `tsv` parser, with marks displayed as circles and tooltips showing precise values.

Ssophburke

86% match

Loading thumbnail…

Interactive Color Legend with EdX Viewer Data

An interactive scatterplot displays video plays versus active days for EdX users in 2013, with each circle’s color representing a course. Hovering over the ordinal color legend fades non-matching points and overlays a highlighted subset. Built with React and D3 v5 (scaleLinear, scaleOrdinal), the SVG renders axes via custom components and circles with native HTML titles for tooltips. Data originates from the MITx-HarvardX Dataverse repository.

Ssophburke

84% match

Loading thumbnail…

Sophie's Stylized Scatter Plot v.3

This scatter plot visualizes video views versus grades for HarvardX and MITx courses on EdX during the 2013 academic year. Each circle represents a course participant, with position encoding the number of video plays and final grade. The visualization uses React to render SVG elements, with D3 scales (scaleLinear) handling the x and y axes. Data loads asynchronously from a CSV file via d3.tsv, while axis components and marks are built using React components in the code.

Ssophburke

84% match

Loading thumbnail…

Interactive Color Legend with EdX Viewer Data

A scatterplot shows the relationship between active days and video plays for EdX platform users, with each circle's color indicating a course. Hovering over the color legend filters the visualization to display only data points from that selected course while dimming others. The chart uses React with hooks, D3 scales via `d3.scaleLinear` and `d3.scaleOrdinal`, and SVG rendering. Data comes from a CSV of the MITx-HarvardX 2013 academic year dataset.

Ssophburke

84% match

Loading thumbnail…

Sophie's Polished Scatter Plot with Menus

A scatter plot shows the relationship between various academic activity metrics—such as active days, video plays, and forum posts—from HarvardX and MITx course participants in 2013. Two dropdown menus allow users to select which attributes appear on the x- and y-axes. The visualization is built with React and uses D3’s `scaleLinear`, `extent`, and `scaleOrdinal` for axis and color scales, rendering as SVG with custom `Marks` components and tick-axis helpers. Gender is encoded via a two-color ordinal scale. Data comes from the MITx-HarvardX Dataverse.

Ssophburke

83% match

Loading thumbnail…

Sophie's Stylized Scatter Plot v.3

This scatter plot displays the relationship between video views and grades for HarvardX and MITx courses on EdX, with each point representing a student’s performance against their video engagement. The visualization uses a log scale for the x-axis to handle wide-ranging view counts, while the y-axis uses a linear scale for grades. Built with React and D3 v5, the code implements custom `AxisBottom` and `AxisLeft` components, alongside a `Marks` component that renders circles in SVG. Data comes from the MITx-HarvardX Dataverse dataset focusing on the 2013 academic year.

MMengmeng Yu

83% match

Loading thumbnail…

Sophie's Stylized Scatter Plot v.3

This scatter plot visualizes video views against grades for HarvardX and MITx courses on EdX, sourced from the MITx-HarvardX Dataverse. A log scale on the x-axis handles the wide range of view counts, while D3 scales and React components render axes and marks as SVG circles. The color encoding by institution is noted in the code but not yet applied, with all points currently sharing a red fill.

CCurran Kelleher

83% match

Loading thumbnail…

Sophie's Stylized Scatter Plot v.2

This example shows the relationship between video views and final grades for HarvardX and MITx online courses during the 2013 academic year, sourced from the MITx-HarvardX Dataverse. Each circle represents a student, with position determined by d3.scaleLinear scales mapping video-play counts to the x-axis and grades to the y-axis. The React components render SVG axes and marks, using d3-format’s `.2s` tick formatting to abbreviate large view counts. Loading states display a large "Loading..." text while the data is fetched via d3.tsv from a remote CSV URL.

Ssophburke

82% match