Skip to main content
SimilarExport ZIP
100%

title is Hello Dave!

✓ Published0🌍 Public
DDavid Peters
Last edited Sep 4, 2018
Created on Sep 4, 2018
Forked from Face in d3

This example displays the genus and species of the first vegetation record from a hardcoded JSON dataset, rendering the text "Eucalyptus tenuiramis" on a dark page using an HTML `<pre>` element. The visualization loads data from an ES6 module (`vegJson.js`) that parses an embedded JSON string, then accesses the first object’s properties via `vegData[0]`. The page styling uses a custom font and CSS color scheme, while the JavaScript relies solely on standard DOM manipulation through `document.getElementById`, with no external libraries beyond the foundation of D3 v5 included in the HTML.

AI-generated description

readme is MarkDown

MIT Licensed

Similar vizzes

Loading thumbnail…

Hello VizHub!

This example demonstrates a minimal D3.js visualization that displays the text “Hi Dave” on a dark, centered webpage. The code imports D3’s `select` function and a local ES6 module, `dpMessage.js`, to retrieve the string, then sets the content of a `#message` div via `select('#message').text()`. Styling uses an external `styles.css` with the Ubuntu font and large font size.

DDavid Peters
67% match
Loading thumbnail…

Hello wtf VizHub !

This example shows a simple web page that displays a personalized greeting message. The page renders the text "Hello Dave VizHub!" centered on a dark background with light, Ubuntu-font styling. The code uses D3.js version 5.5 through the `select` API to target the HTML element and set its text content, while an ES6 module exports the message string. The example demonstrates basic D3 DOM manipulation and module organization.

DDavid Peters
66% match
Loading thumbnail…

Untitled

This visualization displays a simple scene of three trees on a grassy field beneath a sun, rendered as a static SVG. The page loads a forest coverage dataset from a GitHub gist using D3’s `d3.csv` method, then displays metadata about the file—including its size, row count, and column count—in a message container. The SVG image is embedded directly in the HTML, styled with CSS in `jm.css`. The example demonstrates basic D3 data loading and DOM manipulation within a plain HTML page.

117761A04F1
64% match
Loading thumbnail…

Hello Hagen

This example showcases a minimal text-based visualization where a predefined string is displayed prominently on a dark, styled web page. It demonstrates the use of ES6 modules and DOM manipulation, importing a message from a separate module (`cars.js`) and inserting it into an HTML `<pre>` element via `document.getElementById`. The page relies on standard web APIs and D3 v5 for loading, while custom CSS (with the Ubuntu font) handles the visual styling and central layout.

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

Hi VizHub

This example displays a single data value extracted from a local JSON array of car records, rendering the year of the first car in red text on a dark background. The page loads D3 v5 and uses an ES6 module to parse the embedded car data with `JSON.parse`, then writes the value to a DOM element via `document.getElementById`. The styling uses a Google Fonts import and a custom CSS class.

TTLAndrade
63% match
Loading thumbnail…

firstDataVisualization

This example displays a large “Hello HTML! hii” message styled with CSS, while the page loads a CSV of CSS named colors from a GitHub gist. It fetches the text using the Fetch API and parses it with `d3.csvParse`, logging the resulting array to the browser console. The visualization is a minimal HTML page that combines D3 v7 for data parsing with React production builds, though no user-visible chart or interactive output is rendered.

Ssachin rai
63% match
Loading thumbnail…

Hello VizHub

This example displays a static title, "Hello VizHub!", on a dark blue background using the Ubuntu font. The visualization loads population data for ten countries from a CSV file, though the data is only fetched and logged to the console. The implementation uses D3 v5’s `select`, `csv`, and SVG selection methods, with a separate ES6 module exporting the message string. The page structure and styling are defined in HTML and CSS, while the JavaScript applies the text and handles the asynchronous data loading.

Bbobi0017
63% match