i211367

@i211367·4 public vizzes

Html Cars Report

This example presents a simple HTML-based report of car models, listing years, brands, and model names as plain text items. The page uses an unordered list to display three entries, with the first item—a 2010 Nisan Leaf—styled in red via the `.highlighted` CSS class. The document relies on basic HTML structure and an external stylesheet, `styles.css`, which sets a large monospace font for the body text. No JavaScript libraries or data APIs are used; the visualization is entirely static and markup-driven, demonstrating fundamental SVG-adjacent styling and list rendering in a browser.

Sep 18, 2023

Loading thumbnail…

SVG with CSS

This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—arranged in groups and transformed by scaling and translation. It shows how shape styling is applied directly via SVG attributes like `fill` and `stroke`, and how CSS classes from an external stylesheet selectively override properties: the `.lines` class sets stroke color and width, while `.lines path` overrides the stroke with a custom color and rounded joins. The rendering uses native SVG elements within an HTML page.

Sep 18, 2023

Loading thumbnail…

Html Cars Report

This example presents a static, text-based cars report listing model names alongside their production years. It shows three vehicle entries, each pairing a year with a make and model, with the first entry highlighted via the `highlighted` CSS class. The page is a minimal HTML document (index.html) that references an external stylesheet (style.css), demonstrating basic styling and document structure using standard HTML and CSS APIs rather than a visualization library. React is mentioned in the associated README context, but the shown code itself uses plain hypertext markup without JavaScript logic or data-driven rendering.

Sep 18, 2023

Loading thumbnail…

cars report

This example demonstrates a minimal D3 version 7 setup that renders the text “Hello D3 version 7” centered on a blank page. The page uses a large font size and loads the D3 library from a CDN before calling `select('body').text()` to populate the body content. The rendering approach relies solely on D3’s selection and DOM manipulation APIs, with no external data source or interactive elements.

Sep 18, 2023