Skip to main content
SimilarExport ZIP
100%

ice5 Assignment

✓ Published5🌍 Public
Sshabbab01
Last edited Feb 28, 2022
Created on Feb 28, 2022
Forked from Hello VizHub

This example displays the text “ice5” prominently in the center of the page using a large, styled font. It demonstrates basic D3.js v5 integration by loading the library from a CDN and using the `d3.csvParse` method to fetch and parse an external IRIS dataset from a GitHub gist. The code also showcases ES6 module imports, importing a local message from `myMessage.js` and setting the DOM text via `select` from D3, while logging file size, row count, and column count to the console.

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…

Fork of ice5 Assignment

This example displays the text “ice5” in the center of the page using D3’s `select` method to set the content of a `div` element. It loads a local ES6 module, `myMessage.js`, to supply the text string. The visualization also fetches a CSV file containing the Iris dataset from a GitHub gist, using `fetch` with `d3.csvParse` to count and log the number of rows and columns to the console, though it does not render the data graphically. Styling is applied via an external CSS file.

Ppreethamkesa
90% match
Loading thumbnail…

Fork of ice5 Assignment

This example displays the text “ice5” in the center of the page using D3’s `select` method to set the content of a `div` element. It loads a local ES6 module, `myMessage.js`, to supply the text string. The visualization also fetches a CSV file containing the Iris dataset from a GitHub gist, using `fetch` with `d3.csvParse` to count and log the number of rows and columns to the console, though it does not render the data graphically. Styling is applied via an external CSS file.

Ppreethamkesa
90% match
Loading thumbnail…

ice-5

This example demonstrates how to load and summarize a local CSV dataset within a web page. It displays a static SVG diagram and prints a message with the dataset’s file size, row count, and column count using D3’s `d3.csv` and `d3.csvFormat`. The page also highlights ES6 module imports through `import { select } from 'd3'` and a custom `myMessage.js` module, with styling defined in an external CSS file.

Ssowmyanagula@my.unt.edu
84% match
Loading thumbnail…

Fork of ice5

This example demonstrates the use of D3 v5 to fetch and parse a remote CSV file containing Iris dataset records, logging the file size, row count, and column count to the console. The page itself uses D3’s `select` method to set the text of a message div, while importing a local ES6 module for the displayed string. The code relies on the `d3.csvParse` API and the native `fetch` function to handle the data loading, with the CSV hosted on GitHub Gist.

Sshabbab01
83% match
Loading thumbnail…

ice5

This example displays a single, centered text message using D3 version 7. It demonstrates basic D3 selection and DOM manipulation, as well as the use of local ES6 modules. The code imports the `select` function from D3 via UNPKG and a custom `message` string from a separate module, then sets the text content of an HTML div with an ID of "message". The output is a large, horizontally centered line of text with no interactive or data-driven elements.

Vvk9395593@gmail.com
82% match
Loading thumbnail…

ICE-5

This example renders a simple text message, "Hello VizHub!", centered on the page using D3 v5. It loads D3 from a CDN via UNPKG and uses the `d3.select` API to set the text content of a specific HTML div element. The code also demonstrates the use of local ES6 modules by importing a `message` string from a separate JavaScript file. The styling, including the 12em font size and centering, is defined in a local CSS file.

MMadan05101998
81% match
Loading thumbnail…

ICE-5

This example displays a large dataset, logging the file size, row count, and column count of ICE-5 data loaded from a CSV file via `d3.csvParse`. The page uses D3 version 7.3.0 and jQuery-CSV to fetch and parse the data, with the body set to a large 6em font size. The code currently only outputs console messages, showing the data’s scale in kilobytes, rows, and columns, while the `index.js` sets the text to “hello.” The visualization itself is not yet implemented, focusing instead on data loading and verification.

AAishwarya Manjunath
80% match
Loading thumbnail…

11525657_ICE5

This example demonstrates basic data loading and parsing with D3. It fetches a CSV file from a GitHub gist using `d3.csv`, then displays the file size, row count, and column count in a large, styled text element. A static ornamental SVG image is also embedded on the page. The visualization uses D3 v7 within a plain HTML page, with styling applied via CSS to highlight the parsed data summary.

BBVNPK001
80% match