Skip to main content
SimilarExport ZIP
100%

Activity 6

✓ Published0🌍 Public
HHarshiiiiiiiip
Last edited Jun 29, 2023
Created on Jun 29, 2023
Forked from Hello VizHub

This example loads a dataset from a GitHub Gist using D3’s `csv` method and displays the first ten rows as JSON in a `pre` element. It demonstrates importing D3 modules via UNPKG and using local ES6 modules, with the page styled by a CSS file and rendered as HTML and SVG. The code also computes the data size in kilobytes using `csvFormat`.

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

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

Activity6

This example loads a CSV from a GitHub gist using `d3.csv` and renders the first ten rows as JSON inside a `<pre>` element appended to the body via `d3.select`. It imports `select`, `csv`, and `csvFormat` from D3 v5, and computes the dataset size in kilobytes with `csvFormat`. The page also demonstrates local ES6 module imports with an exported message variable, though that message is not displayed in the visible output. The static SVG background image is embedded directly in the HTML.

Hharipriyaa07
92% 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
92% 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
92% 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 a black, aqua-colored `<pre>` block. The code uses `d3.csv` to fetch and parse the data, `csvFormat` to calculate its size, and D3 selections to append elements to the body. The page also includes an embedded SVG image and a separate ES6 module exporting a greeting message. It runs in a Vue project with D3 v5 loaded via UNPKG, demonstrating local module imports and SVG rendering.

KKeerthiAnnem
92% match
Loading thumbnail…

Activity 6

This example uses D3 to load a CSV dataset from a GitHub gist, displays the first 10 rows as JSON in a `<pre>` element, and includes an ES6 module exporting a greeting message. The SVG background contains an embedded base64-encoded image, and the page uses plain HTML styling along with D3’s `select`, `csv`, and `csvFormat` functions.

MmNamratha25
92% match
Loading thumbnail…

Activity 6

This example demonstrates how to load and inspect a CSV dataset from a GitHub gist using D3 v5 within a Vue framework. It fetches the data with `d3.csv`, formats the first 10 rows as JSON, and appends them to the page as text elements using `select` and `append`. The page also includes a large static message from a local ES6 module and a fixed SVG background image rendered inline.

HHarshiiiiiiiip
92% 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
91% match