Fork of D3.js

100%

✓ Published0🌍 Public

Last edited Nov 30, 2021

Created on Nov 30, 2021

Forked from D3.js

This example demonstrates how to set the text color of all paragraph elements to blue using vanilla JavaScript’s `getElementsByTagName` and `style.setProperty`. The code iterates through the collection of paragraphs and applies the styling directly. It uses a minimal HTML page with a referenced `app.js` script, which executes with the `defer` attribute to ensure the DOM is fully parsed before manipulation. No external libraries or frameworks are involved.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Fork of D3.js

This example demonstrates how to apply inline CSS styling to paragraph elements using JavaScript. The code selects all `<p>` tags from the DOM and sets their text color to blue via the `style.setProperty` method. The visualization gallery presents a minimal HTML page without any data sources, relying solely on vanilla JavaScript and the Document Object Model (DOM) API for its interaction.

SSai Krupa Jangala

91% match

Loading thumbnail…

D3.js

This example demonstrates a minimal HTML page that uses JavaScript to dynamically change the color of all paragraph elements to blue. The code retrieves paragraphs using the Document Object Model (DOM) API `document.getElementsByTagName`, iterates through them, and applies an inline CSS style property via `style.setProperty`. It relies on standard browser APIs rather than external libraries, with the script loaded asynchronously through the `defer` attribute in the HTML markup. The page contains no visual data visualization, focusing instead on basic DOM manipulation and styling.

HHaileabGH

90% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates a minimal HTML page with four paragraphs of text, each rendered in blue. The page uses plain JavaScript to select all paragraph elements via `document.getElementsByTagName` and applies inline CSS color styling through `setProperty`. The included CSS centers the body text, while the HTML structure defines the static content. No external libraries or data sources are used, relying solely on native browser APIs for its simple presentation.

EEFisher828

81% match

Loading thumbnail…

Learn d3.js

This example demonstrates basic DOM manipulation with D3.js v4, showing how to select and modify elements in an HTML document. It changes the text and styling of an existing heading, applies red coloring to it, and appends three new paragraph elements to the body. The code uses `d3.select` and `d3.selectAll` to target the heading and paragraphs, then chains `.style`, `.attr`, `.text`, and `.append` methods to update content and set colors. All paragraphs are colored blue, while the heading receives a red style and a new class attribute.

Ttayyabanisar

78% match

Loading thumbnail…

D3 Selectors

This example demonstrates D3’s DOM selection and manipulation methods by directly targeting elements. It uses `d3.select` to modify the `h1` heading’s color, class, and text, then `d3.selectAll` to style all paragraphs blue. The code appends three new paragraphs to the body using chained `append` calls. It relies on D3 v7 and plain CSS/JavaScript, showing how selectors apply cascading changes to existing and newly created nodes.

Aacervantesc

77% match

Loading thumbnail…

Fork of D3

This example renders a static HTML page that displays the text “Hello HTML!” in large, centered type. It uses plain CSS to style the message with a font size of 13em, while the body contains a single div element. The code relies on native HTML and CSS only, without any JavaScript libraries or D3 APIs, and includes a link to a React starter template for reference. The visualization demonstrates how a minimal HTML document can be styled entirely through embedded CSS.

JJason Ahn

76% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates basic DOM manipulation and styling with D3.js. It appends three separate paragraph elements to the body, each containing distinct text such as "1st para" and "2nt para," using chained d3.select and d3.append calls. After creating the paragraphs, d3.selectAll("p") selects all of them and applies a red color via the style method. The page loads D3 version 7.8.5 from unpkg, with the body styled at a large 13em font size. The visualization focuses purely on D3's core selection and insertion APIs without any data binding or scales.

AAkshay U

75% match

Loading thumbnail…

Fork of HTML Starter

This example demonstrates the simplest possible D3.js usage: it appends a paragraph element to the page and sets its text to “Hi, Whats up?”. The code selects the body with `d3.select`, appends a `<p>` element, and populates it via `.text()`. It loads D3 v3 from a remote CDN and includes an empty CSS style block. The visualization is a minimal static HTML page, serving as a bare-bones starting point for more complex projects.

Ddaigou65

75% match