usamakhanswati

@usamakhanswati·2 public vizzes

SVG with CSS

This example shows how CSS can style SVG shapes, with a mix of default black fills and custom colors applied directly or via classes. It renders circles, rectangles, a line, and a path inside a scaled and translated group. The code uses raw SVG elements in an HTML page, with linked CSS rules that set stroke width, color, and line joins for the `.lines` class. Specific shapes are colored individually using `fill` attributes, while group-level styles inherit to child elements.

Sep 18, 2023

Loading thumbnail…

Cars Report

This example demonstrates a minimal D3.js application that renders a static message to the page. It displays the text “Hello VizHub!” centered in a large font within a single division element, using CSS for styling. The code imports the `select` function from D3 via UNPKG and uses it to set the text content of the `#message` container. It also imports a local ES6 module, `myMessage.js`, which exports the string, showcasing modular JavaScript with D3. The rendering approach is simple DOM manipulation, with no external data source or complex visualization.

Sep 17, 2023