Vega-Lite API Template for Udemy Course

100%

Vega-Lite API Template for Udemy Course

✓ Published0🌍 Public

Last edited Sep 24, 2020

Created on Sep 24, 2020

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.

AI-generated description

A visualization constructed using the vega-lite-api.

Original data source: udemy course

From this visualization map, we can see that the published time of course has little relevance with the number of subscribers.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of student data, plotting marks against time spent studying, with color and size encoding the number of courses and an integer attribute, respectively. The tooltip reveals each student’s name. Built with Vega-Lite API and D3, it loads CSV data from the UCI Auto MPG dataset, renders an SVG via Vega, and customizes axes and label styling through a config object.

NNaimisha-M

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

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

75% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays student performance data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting exam marks against study time as circles colored by number of courses and sized by an integer attribute. Built with the Vega-Lite API and D3 v5, it renders an interactive scatter plot with tooltips showing student names. The code uses `vl.markCircle`, `vl.x().fieldQ`, and `vl.y().fieldQ` to encode variables, while fetching data via `d3.csv`. The chart fills the browser window and employs a custom config for improved label readability.

NNaimisha-M

74% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the relationship between the added and published dates of UCI Machine Learning Repository Auto MPG data records, using a Vega-Lite area mark to show temporal distribution. The code constructs the chart via the `vega-lite-api` library, which registers with `vega`, `vega-lite`, and `vega-tooltip` for interactive tooltips. Data is loaded asynchronously with `d3.json`, and the visualization renders as an SVG, with custom styling applied through a configuration object that adjusts axis and label appearance for readability.

DDhiraj Gede

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

73% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the relationship between study time and exam marks for individual students, using a scatter plot with semi-transparent circular marks. It is built with the Vega-Lite API, a high-level grammar for declarative visualization, which compiles specifications into Vega and renders them as SVG. The code reads student data from a remote CSV file via `d3.csv`, and incorporates a custom `config` object to adjust axis styling and label appearance. Tooltips are enabled through the Vega Tooltip handler, allowing users to inspect exact mark values.

SShivaPriyad

72% match

Loading thumbnail…

Vega Lite API lessons done on Italki

This visualization tracks the cumulative number of Italian lessons the author completed on Italki over a two-week period in June 2021, shown as a line chart. It uses the vega-lite-api to declare the mark and encodings, with d3.v5 for CSV parsing. The chart is rendered as SVG via vega and vega-lite, with vega-tooltip providing interactive hover details. A custom config adjusts axis and label styling for improved readability against a dark color scheme.

LLewis Ward

72% match