Total Subscriber of Each Subject

100%

Total Subscriber of Each Subject

✓ Published1🌍 Public

Last edited Nov 4, 2020

Created on Oct 24, 2020

Forked from Course Number of Each Subject

A horizontal bar chart displays the total number of Udemy course subscribers aggregated by subject, highlighting Web Development as the most popular. The visualization uses React with D3 v5, employing `d3.nest()` and `d3.sum()` to roll up subscriber counts from a CSV dataset, with an SVG rendered via D3’s `scaleBand` and `scaleLinear` mappings, axes, and tooltips.

AI-generated description

A program that shows the total subscriber of each subject.

From this graph, we can see that the subscribers of the Web Development subject is the most.

Data: Udemy Courses.

MIT Licensed

Similar vizzes

Loading thumbnail…

Total Subscriber of Each Subject

This bar chart displays the total number of subscribers for each Udemy course subject, highlighting one selected subject in red. A dropdown menu allows users to choose which subject to emphasize, such as Business Finance or Web Development. The visualization uses React components, D3 v5 scales (scaleBand and scaleLinear), and SVG rendering. Data is loaded from a CSV file using d3.csv, aggregated with d3.nest and d3.sum, and formatted with d3.format.

DdaojunL

94% match

Loading thumbnail…

Course Number of Each Subject

This bar chart shows the number of courses for each subject in a Udemy course dataset. The visualization uses a horizontal bar layout, with subjects listed along the y-axis and course counts along the x-axis. The code aggregates the raw CSV data using d3.nest() and rollup to count entries by subject, then renders the bars as SVG rectangles with React components. It leverages d3.scaleBand and d3.scaleLinear for positioning, and uses d3.format for axis tick labels.

DdaojunL

86% match

Loading thumbnail…

The most subscribed course

This visualization shows the top 10 most subscribed Udemy courses using horizontal bars, with course titles on the y-axis and subscriber counts on the x-axis. The chart uses React components (AxisBottom, AxisLeft, Marks) and D3 v5 scales including scaleBand and scaleLinear, with data loaded via d3.csv from a GitHub gist. The SvG rendering includes a formatting function that converts large numbers to abbreviated units, and each bar displays a tooltip showing the exact subscriber count. The visualization highlights that business finance courses are the most popular among subscribers.

DdaojunL

81% match

Loading thumbnail…

Udemy_Price vs num of subscribers

Using d3 and the vega-lite-api, this visualization plots the relationship between course price and the number of subscribers in a business-and-finance Udemy dataset. A bar chart displays each course’s price on the x-axis and subscriber count on the y-axis, with bars colored by instructional level. The chart reveals that most beginner-level courses are priced between $20 and $80, while the most expensive courses also attract the highest subscriber numbers. Data loads asynchronously via d3’s CSV parser, and rendering uses vega-lite’s markBar encoding with a custom config for axis styling and tooltips.

Yyyaaa1

74% match

Loading thumbnail…

Udemy_Price vs num of subscribers

This bar chart displays the relationship between course price and number of subscribers for business and finance courses on Udemy, using color to distinguish instructional level. It reveals that most beginner-level classes have prices between 20 and 80 dollars, while the most expensive courses also attract the most subscribers. The visualization is built with vega-lite-api, using D3 to load CSV data from a GitHub gist, and renders via vega-lite with SVG output. Tooltips display subscriber counts on hover.

Yyyaaa1

74% match

Loading thumbnail…

Scatter Plot with Color Legend for Udemy Courses

This scatter plot visualizes Udemy courses, showing the relationship between course price (x-axis) and the number of subscribers (y-axis). Each circle represents a course, colored by its subject category via a color legend on the right. The visualization uses React with D3 v5 to render an SVG, employing `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for the categorical color mapping, and `d3.format` for axis tick labels. Data is loaded from a CSV file using `d3.csv`.

DdaojunL

73% match

Loading thumbnail…

Scatter Plot with Color Legend

This example shows a scatter plot of Udemy courses, mapping the number of subscribers along both axes while coloring each point by course subject. The visualization includes a categorical color legend on the right, with circles using d3.scaleOrdinal for color mapping and d3.scaleLinear for positioning. The React components render SVG elements, with axes built from custom AxisBottom and AxisLeft components, and the data is loaded via d3.csv from a GitHub gist. A hover handler on the legend logs the selected subject value.

DdaojunL

73% match

Loading thumbnail…

Viewing Data with React & D3

A bar chart displays the number of video plays per course from a 10,000-person MITx dataset, sourced via CSV from a GitHub gist. Loaded into React with `useState` and `useEffect`, the data drives a D3 SVG visualization using `scaleBand` for courses on the y-axis and `scaleLinear` for the x-axis, rendering axis ticks and rectangles without axes.

Ssophburke

68% match