Ruwen

@ruwen-you·2 public vizzes

Shapes and Colors with SVG and CSS

This example shows how basic SVG shapes—circles and rectangles—are styled with inline fill colors and CSS. It displays four shapes on a 960×500 canvas: two circles and two rectangles, with the latter pair using red and green fills, while the former remain black. The code uses plain SVG elements like `circle` and `rect` within an HTML page, and a linked `styles.css` that sets the body margin to zero and hides overflow. The rendering approach relies on SVG’s native shape support and CSS for page-level layout.

Jul 15, 2020

Loading thumbnail…

HTML Cars Report

This example presents a minimal HTML-based report titled “Cars Report,” using a static web page with a single heading. The visualization consists solely of plain HTML structure, with no external libraries or JavaScript, and does not include any data rendering or interactive elements. The page’s content is limited to the title text, offering no charts, graphs, or data visualization features beyond the basic document outline.

Jul 15, 2020