Fork of Car Reports

100%

Fork of Car Reports

✓ Published0🌍 Public

Last edited Sep 18, 2023

Created on Sep 18, 2023

This example presents static car inspection reports for two vehicles, listing details such as make, model, year, and condition in plain HTML text. Below the reports, the page embeds two SVG graphics containing basic shapes, including circles, rectangles, and a line, plus a title text element. The code relies on vanilla HTML, CSS, and inline SVG, while the accompanying JavaScript file imports the `select` function from D3 version 7 to output a greeting message. The data is hardcoded directly into the markup rather than loaded from an external source.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Car Reports

This example displays static car reports for two vehicles, listing details like make, model, year, and condition in HTML. The page presents this information alongside simple SVG shapes, including colored circles, a rectangle, and a styled line. The code uses D3 version 7’s `select` function to replace the page body text with a greeting message, while the rendering relies on inline SVG elements and basic CSS styling for layout and borders.

SSaadGillani3

97% match

Loading thumbnail…

Fork of Car Reports

This example displays static car reports for two vehicles, listing details such as make, model, year, and condition. The page combines styled HTML headings and lists with several inline SVGs featuring basic shapes like circles, rectangles, and lines. The code uses D3 version 7's `select` function to replace the body content with the text "Hello D3 version 7", while the rest of the markup is plain HTML and SVG.

SSaadGillani3

96% match

Loading thumbnail…

Fork of Car Reports

This example displays static car reports for two vehicles, listing details such as make, model, year, and report notes in plain HTML. It also renders two inline SVG graphics: one showing a title banner and another with basic shapes like circles and rectangles. The page uses D3 version 6, specifically importing the `select` function, to set body text. The rendering is done via SVG elements defined directly in the HTML, with no data loading or dynamic updates.

SSaadGillani3

96% match

Loading thumbnail…

Fork of Car Reports

This example displays static car reports for two vehicles, listing details such as make, model, year, and condition in plain HTML. It uses D3 version 7 via the `select` function from the `d3` package, which sets the page body text to "Hello D3 version 7". The page renders two inline SVG elements containing basic shapes—circles and a rectangle—styled with CSS, including borders and shadows, but does not visualize the report data itself. The data source is embedded directly in the HTML as hardcoded text.

SSaadGillani3

96% match

Loading thumbnail…

Fork of Car Reports

This example presents car reports for two vehicles, displaying report details like make, model, year, and condition as styled HTML lists. Two SVG graphics serve as decorative headers, with one using a blue rectangle and white text, and the other drawing the words "CAR REPORTS" using path elements. The page uses standard DOM elements for text content and inline SVG for visual accents, with basic CSS styling controlling layout and appearance. The code references D3 version 6, though the main functionality is plain HTML and SVG.

SSaadGillani3

95% match

Loading thumbnail…

Fork of Car Reports

This prototype shows car inspection reports for two vehicles, listing details like make, model, year, and condition in plain HTML. It uses hand-drawn SVG shapes—a blue circle, a red rectangle, a green circle with a black border, and an orange line—as decorative elements alongside the text content. The page is styled with basic CSS for typography and layout. The code imports the `select` function from D3 version 7, but only to replace the body text with a simple greeting, indicating D3 is not used for the visualizations themselves.

SSaadGillani3

95% match

Loading thumbnail…

Fork of Car Reports

This example displays a static HTML page titled “Car Reports” that lists textual summaries for two cars, including their make, model, year, and report details. The page also includes two inline SVG graphics: a blue banner with the title and a collection of basic geometric shapes such as circles, rectangles, and dashed-border elements. The code uses plain HTML and CSS for styling, alongside raw SVG elements for rendering, with the `index.js` file importing D3 v7 to output a simple text message to the page body.

SSaadGillani3

95% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of Car Reports

This example displays static car reports for two vehicles, presenting each car's make, model, year, and condition in an HTML list, accompanied by simple decorative SVG shapes. The page uses plain HTML and CSS for layout and styling, while the SVG elements render a title and basic geometric shapes. The code imports D3 version 7 via the `select` function from the `d3` module, though it only uses this API to replace the body text with a greeting. No interactive or data-driven visualizations are present, and the reports are hardcoded in the markup.

SSaadGillani3

94% match