Skip to main content
SimilarExport ZIP
100%

Fork of ice5 Assignment

✓ Published0🌍 Public
Ppreethamkesa
Last edited Mar 5, 2022
Created on Mar 5, 2022
Forked from 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.

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

ice5 Assignment

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.

Sshabbab01
90% match
Loading thumbnail…

Fork of ICE_6

This example demonstrates how to set text content in a webpage using D3. It loads D3 v5 via UNPKG and uses the `select` function to target a `div` with the id `message`. The text comes from a local ES6 module, `myMessage.js`, which exports a string. The page then displays the message centered with large font styling from an external CSS file, illustrating basic module imports and DOM manipulation.

99176371431
85% 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
84% match
Loading thumbnail…

Ice5Fork

This example showcases a minimal VizHub project that uses D3.js to display a message on a webpage. It demonstrates loading D3 via UNPKG and importing the `select` function from the `'d3'` module, along with a local ES6 module. The `select` API targets the `#message` div and sets its text content to a string exported from `myMessage.js`. The page includes styling from `styles.css` and references a CSV file from a GitHub gist, though no data processing is performed. The result is a simple, text-centric visualization.

VVamsi Krishna
83% match
Loading thumbnail…

Fork of Data Visualization ICE5

This example displays a web page titled “ICE 5” with a large heading, a summary message about a CSV dataset, and two static SVG images (a house and a human) positioned side-by-side. It loads a CSV file from a GitHub gist using D3 v7’s `d3.csv` method, then calculates and displays the dataset’s size in kilobytes, row count, and column count in a styled `<pre>` element. The page layout is built with custom CSS, including flexbox for the image row and colored backgrounds for text elements. React is listed as the framework, though the visible code uses plain HTML and JavaScript with D3.

RRevanthGrreddy
82% match
Loading thumbnail…

Fork of ICE-5: Welcome to ICE-5 Data visualization

This example displays a welcome message and an SVG image on an HTML page, summarizing the top 100 actors dataset loaded from a CSV file. The page uses D3 v7 to fetch the data via `d3.csv`, then calculates and displays the file size in kilobytes, the number of rows, and the number of columns in a styled `<pre>` element. A static SVG image is embedded directly from a GitHub gist URL, while CSS styles the heading and message container with bold colors.

NNHRK555
81% 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
81% match