S

SaadGillani3

@SaadGillani3·16 public vizzes

Loading thumbnail…

Fork of Car Reports

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.

Loading thumbnail…

Fork of Fork of Car Reports

This example shows two static car reports presented as HTML text, listing details like make, model, year, and condition for a Daihatsu Copen and a Nissan GTR. Below the reports, the page renders a simple SVG graphic containing colored shapes and a line. The code uses D3 version 6 and imports the `select` function, though the primary interface relies on plain HTML and inline SVG elements rather than dynamic data binding or interactive features.

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.

Loading thumbnail…

Fork of Car Reports

This example shows a simple HTML page for displaying car reports, listing details for two vehicles (a Daihatsu Copen and a Nissan GTR) with their condition and report date. The page includes inline SVG shapes—a blue circle, red rectangle, green circle, and an orange line—alongside the text content. The JavaScript file imports the `select` function from D3 version 7 and uses it to replace the body text with “Hello D3 version 7,” though the main page renders the reports as static HTML without dynamic data binding or a specific data source.

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.

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.

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.

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.

Loading thumbnail…

Fork of Fork of Fork of Fork of Car Reports

This page demonstrates a simple car report interface built with HTML, CSS, and D3 version 7. It displays two static car reports with metadata such as date, make, model, year, and status, followed by two SVG graphics. The second SVG uses basic shape primitives—a blue circle, a red rectangle, and a green stroked circle—to illustrate rendering. The code imports `select` from D3 and updates the page text via `select('body').text('Hello D3 version 7')`, showing a minimal D3 usage example.

Loading thumbnail…

Fork of Fork of Fork of Car Reports

This example presents static car reports for two vehicles, listing details such as make, model, year, and condition alongside simple decorative SVG shapes. It demonstrates basic D3 version 6 usage by importing `select` from the d3 module and updating the page text with `select('body').text(...)`. The page uses plain HTML with embedded SVG elements for title text and colored shapes, with styling applied through CSS. The code illustrates minimal DOM manipulation and SVG rendering without data binding or interactive features.

Loading thumbnail…

Fork of Fork of Car Reports

This example demonstrates a simple HTML-based car report dashboard that presents static report data for two vehicles using styled headings and bullet-point lists. The page uses plain HTML and CSS for layout and typography, and incorporates two inline SVG graphics rendered in the `svg` markup. The first SVG displays a blue banner with the title "Car Reports," while the second shows a combination of geometric shapes—a blue circle, a red rectangle, and a green circle with a black border. The code references D3 version 6 via a README and a YouTube tutorial link, but the actual visualization does not utilize any D3 APIs; instead, it relies solely on static SVG elements in the HTML file.

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.

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.

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.

Loading thumbnail…

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

This example displays a static HTML page listing two fictional car reports with details like make, model, and condition. Beneath the text, it shows two inline SVG graphics: one blue banner with the title and another with simple colored shapes. The code uses plain HTML and CSS for layout and styling, while drawing shapes directly with SVG elements such as `<circle>` and `<rect>`. Although the file mentions D3 version 6 and includes an `index.js` with `import { select } from 'd3'`, the visible page does not invoke D3; instead, it relies entirely on static markup and embedded SVGs.

Loading thumbnail…

Fork of Fork of Fork of Fork of Car Reports

This example displays static car reports for two vehicles in HTML, listing make, model, year, and report details. The page includes two inline SVG graphics: a blue banner with the title and a collection of basic shapes. The code uses D3 version 7’s `select` function to set body text, while the SVG elements are defined directly in the markup. The data is embedded in the HTML rather than loaded from an external source.