Fork of D3 Starter

100%

Fork of D3 Starter

✓ Published0🌍 Public

Last edited Apr 30, 2023

Created on Apr 30, 2023

This example is a minimal D3 Starter template that displays a large, static number “13” centered on a blank page. The page is styled with a massive 13em font size and loads the D3.js v7 library from a CDN, though no data visualization or D3 API is actually used in the visible code. The repository also contains a separate HTML file embedding a Tableau dashboard for Airbnb analysis, indicating the project mixes D3 setup with an external Tableau embed, but the default view simply renders the oversized text without any interactive or graphical elements.

AI-generated description

<!DOCTYPE html> <html> <head> <title>Airbnb Analysis Dashboard</title> <script type="module" src="https://us-west-2b.online.tableau.com/javascripts/api/tableau.embedding.3.latest.min.js"></script> </head> <body> <h1>Airbnb Analysis Dashboard</h1> <tableau-viz id="tableau-viz" src="https://us-west-2b.online.tableau.com/t/lokubhanuteja/views/AirbnbAnalysisProject/Dashboard" width="1600" height="940" hide-tabs toolbar="bottom"></tableau-viz> </body> </html>

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of D3 Starter

This example demonstrates the basic setup for a D3 visualization using version 7, with the body text styled at an extremely large font size. The page loads D3 from a CDN and includes a separate bundle.js script, showing the standard pattern of separating library imports from custom code. The visualization itself appears as a blank canvas with the word "Fork" rendered at 13em, serving as a template for users to build upon. The code relies on D3's core library, loaded via the unpkg CDN, with no additional data sources or specific D3 APIs invoked in the visible markup.

MMohamedMOsman

88% match

Loading thumbnail…

Fork of D3 Starter

This example displays the text “Hello D3” at a very large font size in the center of the page. The visualization is a minimal starter template, using the `d3.select` method to target the body element and set its text content. It loads D3 version 6.7.0 from a bundled JavaScript file, with the rendering handled entirely by the browser’s DOM and CSS, rather than a canvas or SVG. The code does not include any data or interactive behavior, serving only as a basic entry point for D3 projects.

Mmyselfganesh433@gmail.com

86% match

Loading thumbnail…

Fork of D3 Starter

This example displays a minimal single-page visualization that prints the text “Hello D3 version 7” in the center of the browser window using an oversized 13em font. It is a basic starter template demonstrating the setup of a D3 project with version 7.8.5 loaded via a CDN. The code uses the `select` method from the D3 library to target the `body` element and sets its text content, without any data or interactive features. The rendering relies purely on static HTML and CSS styling, with the JavaScript logic placed in a separate `index.js` file bundled as `bundle.js`.

Sstephhwu

86% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal starting point for building a D3 version 6 project. It displays a single, enormous text element on a blank webpage, sized at 13em and centered using CSS, with no data or interactive behavior. The page loads D3 v6 from a CDN and references a separate `bundle.js` file, which is the intended entry point for user-defined JavaScript code. The code uses plain HTML and a linked script rather than any D3-specific APIs or rendering methods.

DDorianGirard

86% match

Loading thumbnail…

Fork of D3 Starter

This example demonstrates a minimal D3 starter template that renders the text “Hello D3 version 7” in the center of a page using a large 13em font size. It shows how to set up a basic D3 v7 project with a bundled JavaScript file, using the `select` method from the D3 library to target the `body` element and set its text content. The page loads D3 from a CDN and separates its JavaScript logic into an external `bundle.js` file, highlighting a simple workflow for initializing D3 applications.

SSan-Diago

86% match

Loading thumbnail…

Fork of D3 Starter

This example shows a minimal D3.js starter template that renders the text "Hello D3 version 7" centered on a plain white page. The visualization is generated using the `d3.select` method to target the body element and the `.text()` method to set its content. The code uses the D3 library version 7.6.1, loaded via a CDN, and relies on an external `bundle.js` file for the JavaScript logic. The page styling is defined with an inline CSS rule that sets a very large font size of 13em for the body.

Eerue24

85% match

Loading thumbnail…

Fork of Fork of D3 Starter

This example presents a bare-bones D3.js starter template that renders a large, centered title using raw HTML styling. The visualization itself is minimal, with no data or graphical elements displayed beyond the text block, which is scaled to an extreme font size. The page loads D3 version 7.0.4 from a CDN and references a local `bundle.js`, while a linked CSV file (`stages.csv`) suggests an intended dataset for a moving bubble chart, though no rendering logic is visible in the provided code. The implementation relies solely on standard HTML and CSS within the `index.html` body, with no D3 API calls demonstrated.

MMohamedMOsman

85% match

Loading thumbnail…

Fork of D3 Starter

This example serves as a minimal starter template for D3 version 6, displaying only a static, centered text message. The page loads the D3 library from a CDN and applies a large font size via inline CSS. The JavaScript file `index.js` is executed through a bundled script, though no explicit data transformations or visualizations are defined. The rendering approach is a plain HTML body with no SVG or canvas elements, relying solely on the browser’s default text layout. The code uses the `d3.v6` namespace but does not invoke any specific D3 functions or APIs.

Mmayuri-gosapphire

85% match