David Guardia

@dguardia·2 public vizzes

SVG Fundamental - DG

This example demonstrates the fundamental building blocks of SVG rendering within a minimal React-free HTML page. It shows two circles: the first uses SVG’s default black fill, while the second explicitly sets `fill="green"` to illustrate basic styling. The code relies on native SVG elements (`<svg>`, `<circle>`) directly embedded in the HTML markup, with no JavaScript or external libraries involved. It highlights how coordinates (`cx`, `cy`) and radius (`r`) define circle geometry, serving as a bare-bones starting point for more complex data visualizations.

May 10, 2022

Loading thumbnail…

Cars Reports

This example displays the text "Hello HTML" centered on a plain white background, with the styling applied through an inline CSS rule that sets the font size to 13em. It serves as a minimal starter page, using standard HTML and CSS directly in the index.html file, without any JavaScript libraries or data sources. The visualization is a static rendering that demonstrates the basic structure of a bare-bones HTML document within a React project.

Dec 27, 2019