Activity 6 Task 2 and 3

100%

Activity 6 Task 2 and 3

✓ Published0🌍 Public

Last edited Jul 10, 2023

Created on Jul 10, 2023

This example displays the first ten rows of a CSV dataset loaded from a GitHub gist, outputting them as formatted JSON text on a black background. It demonstrates loading D3 v5 via UNPKG and using `d3.csv` to fetch and parse the remote data. The visualization also showcases ES6 module imports from local files and the use of `d3.select` to append DOM elements dynamically.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 - Task 2,3

This example loads a CSV file from a GitHub gist and displays the first 10 rows as JSON in a pre-formatted text block on the page. It uses D3 v5 via UNPKG, specifically the `csv` and `csvFormat` functions, along with `select` to manipulate the DOM. The visualization is rendered with SVG and WebGL, though the main output is textual, showing the data structure without additional graphical encoding.

Ssaipaidipalli

93% match

Loading thumbnail…

Activity 6

This example loads CSV data directly from a GitHub gist and displays the first ten rows as JSON-formatted text. It uses D3 v5 loaded via UNPKG, with the `csv` and `csvFormat` functions to fetch and process the data, and `select` to append `<pre>` elements to the page. The visualization is rendered as SVG, while the page also includes a large base64-encoded JPEG background image and demonstrates importing from local ES6 modules.

Ssrikkanth05

91% match

Loading thumbnail…

Activity 6

This example loads a remote CSV file from a GitHub gist and displays the first ten rows as formatted JSON in a styled pre element. It relies on D3 v5’s `csv` and `csvFormat` functions, loaded via UNPKG, and demonstrates importing local ES6 modules. The SVG output contains an embedded base64 JPEG image used as a pattern fill, and the page includes custom CSS for text presentation.

NNagateja99

90% match

Loading thumbnail…

Activity 6

This example demonstrates loading CSV data from a GitHub gist and displaying the first ten rows as JSON in the browser. The code uses D3 v5 via UNPKG, importing the `csv` and `csvFormat` functions, and appends formatted text to the body using D3’s `select` and `append` methods. The page’s SVG contains a background imaged embedded as a base64 JPEG, with minimal styling applied to the text elements.

Hharsha

90% match

Loading thumbnail…

Activity 6 - Task2/3

This example demonstrates loading and inspecting a CSV dataset using D3. It fetches the data from a GitHub gist and displays the first ten rows as formatted JSON in the browser. The code uses D3’s `csv` loader and `select` to append elements to the page, while also showcasing local ES6 module imports. The visualization is rendered as SVG in a static HTML file with WebGL support, highlighting basic data retrieval and display workflows in VizHub.

HHarshithaAmbilpur

90% match

Loading thumbnail…

Activity 6

This example loads a CSV file from a GitHub gist and displays the first ten rows as formatted JSON in the browser. It uses D3 v5’s `csv` method to fetch and parse the remote data, then appends the results to the page with `select` and `append`. The code demonstrates importing both D3 utilities and a local ES6 module, though the latter is not actually used in the visible output. The page renders plain text in a `<pre>` element, with the overall frame defined in an SVG background.

SSharankumar02

90% match

Loading thumbnail…

Activity 6

This example displays the first ten rows of a remote CSV dataset as JSON text within an HTML page. It loads data from a GitHub-hosted CSV file and presents it in a black, styled preformatted block. The code imports only the `select`, `csv`, and `csvFormat` functions from D3 v5, and it renders output as SVG elements in the body. The visualization is minimal, focusing on raw data inspection rather than graphical representation.

Vvineelaramulapalli32

90% match

Loading thumbnail…

Activity 6

This example loads a CSV file from a GitHub gist and displays the first ten rows as formatted JSON in the browser. It uses D3 v5’s `csv` method to fetch and parse the data, `csvFormat` to calculate dataset size, and `select` to append DOM elements. The page also demonstrates importing local ES6 modules, though the data display is the primary visual output rendered as plain text.

HHarshiiiiiiiip

89% match