Udemy Courses Information

100%

Udemy Courses Information

✓ Published1🌍 Public

Last edited Sep 24, 2020

Created on Sep 11, 2020

This example summarizes the contents of a Udemy courses dataset by displaying the file size, row count, and column count in large text. It loads a CSV file from a GitHub gist using `d3.csv` and formats the raw data with `d3.tsvFormat` to compute the kilobyte size. The visualization explicitly demonstrates both the primary `d3.csv` approach and commented-out alternatives using `fetch` with async/await and nested promises. The dataset originates from Kaggle and covers four course subjects.

AI-generated description

The dataset contains the information about the udemy courses from 4 different subjects.

The original dataset: udemy courses

MIT Licensed

Similar vizzes

Loading thumbnail…

Business and finance courses on Udemy

This example reads a CSV file of Udemy business and finance courses from a remote GitHub gist and displays its basic statistics. The page shows the file’s approximate size in kilobytes, the total number of rows, and the number of columns in a large HTML `<pre>` element. It uses the D3.js library (v5) with the `d3.csv` method to fetch and parse the data, and `d3.csvFormat` to calculate the character length of the parsed content.

Yyyaaa1

83% match

Loading thumbnail…

Student Course Data description

This example presents a demonstration webpage that showcases the size and structure of a student course performance dataset. The page displays a static classroom SVG image alongside a summary of the loaded CSV data, including its file size in kilobytes, row count, and column count. The code uses the D3.js v7 `d3.csv` and `d3.csvFormat` APIs to fetch and measure the dataset from a GitHub-hosted CSV file, then inserts the calculated text into a styled `<pre>` element. The page is built with minimal HTML, CSS, and JavaScript.

NNHRK555

72% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data with D3, displaying basic metadata about the dataset. After fetching the CSV file from a GitHub gist, it computes and presents the file size in kilobytes, the total number of rows, and the column count. The visualization uses D3's `d3.csv` method to asynchronously fetch and parse the data, followed by `d3.csvFormat` to measure the raw text length. The resulting statistics are rendered as large text in an HTML `<pre>` element, with alternative commented-out approaches using `fetch`, `async`/`await`, and `d3.csvParse`.

LLei Lei

71% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates the process of loading, parsing, and summarizing a CSV file using the D3.js library’s `d3.csv` method. It displays the data’s size in kilobytes, total row count, and column count in a large text element. The data originates from a GitHub-hosted CSS named color dataset. The code also includes commented-out alternatives using `fetch` with async/await and the `d3.csvParse` function, though the active path uses `d3.csv` and `d3.csvFormat` to calculate the file size.

SSamir Nandardhane

71% match

Loading thumbnail…

Dataset 2 Graduate Admission

This example fetches a CSV file of graduate admission data and displays a plain-text summary of its size and structure, including file size in kilobytes, row count, and column count. The visualization is minimal, serving as a data-loading diagnostic rather than a graphical chart. It uses the `d3.csvParse` method from D3 v5 to parse the remote CSV, and the `fetch` API to retrieve the text from a GitHub Gist URL. The parsed data’s `length` and `columns.length` properties are accessed to generate the summary text, which is rendered inside a `<pre>` element.

ZZG

71% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates loading and parsing CSV data using D3.js, displaying the data size in kilobytes, row count, and column count in a large text element. It uses the `d3.csv` method to fetch and parse the CSV file from a GitHub gist, then accesses the parsed data array and its `columns` property to calculate the metrics. The code also includes commented alternatives using `fetch` with `d3.csvParse` and a nested promise pyramid approach, though the active path runs the external DaData API POST request instead.

OOleg Zhernovoy

71% match

Loading thumbnail…

Parsing CSV Data with D3

This visualization demonstrates how to parse CSV data using D3.js by fetching a remote file and displaying summary statistics. The page shows the dataset’s row count, column count, and file size in kilobytes within a large text element. It uses D3’s `d3.csv()` function to load and parse the CSV from a GitHub gist, then formats the data with `d3.csvFormat()` to calculate its size. The example also includes commented-out code using `fetch()`, `async`/`await`, and `d3.csvParse()` as an alternative parsing approach.

TTetiana Humeniuk

71% match

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg

71% match