Course Number of Each Subject

100%

Course Number of Each Subject

✓ Published1🌍 Public

Last edited Oct 15, 2020

Created on Oct 15, 2020

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.

AI-generated description

A program that shows the course number of each subject

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

87% match

Loading thumbnail…

Total Subscriber 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.

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

77% 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

77% match

Loading thumbnail…

Bar Graph

This horizontal bar chart displays student enrollment counts for nine university courses, ranging from 20 to 85 students. Green rectangles represent enrollment figures on a linear scale, with subject names labeled along the y-axis. The visualization is drawn as an SVG using D3 v7, employing scaleLinear for the x-axis, scaleBand for categorizing the y-axis, and axisLeft/axisBottom for generating tick marks. Data loads from a CSV file containing course names and enrollment numbers, with the subject labels rotated vertically on the left.

PPavaniMangugari

76% 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

74% 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

73% 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

72% match