Skip to main content
SimilarExport ZIP
100%

Udemy_Price vs num of subscribers

✓ Published0🌍 Public
Yyyaaa1
Last edited Sep 19, 2019
Created on Sep 19, 2019

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.

AI-generated description

A visualization for Business and finance courses on Udemy using the vega-lite-api.

This viz trys to display the relation between price and the number of subscribers. Meanwhile,it also shows the Distribution of class level in terms of the number of subscribers.

We can observe that the price of most beginner level classes fall into the range from 20 to 80, and the most expensive courses also have most subscribers.

MIT Licensed

Similar vizzes

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
97% 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…

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
76% 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
74% match
Loading thumbnail…

Vega-Lite API Template for Udemy Course

This visualization shows the relationship between course publication date and subscriber count for Udemy courses, revealing that publication timing has little correlation with subscription numbers. The scatterplot uses Vega-Lite API through d3.v5, with data loaded from a CSV via d3.csv. The visualization applies configurable styling and tooltips via vega-tooltip, with points sized and opacity-adjusted to show density at overlapping coordinates. Both axes use zero-disabled scales for clearer distribution analysis.

DdaojunL
73% 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
72% 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
72% match
Loading thumbnail…

Interactive Color Legend with Menus

A scatter plot of Business and finance courses on Udemy lets users compare any two numeric attributes—price, number of subscribers, published lectures, or content info—via dropdown menus for the X and Y axes. Points are colored by instructional level using a categorical color scale. The accompanying color legend supports hover highlighting, fading non-matching points, while axis ticks are rendered with custom SVG components in React and D3 v5.

Yyyaaa1
65% match