Luis LR

@lrlrch4·4 public vizzes

Fork of Shapes and Colors with SVG and CSS

This example demonstrates how SVG shapes and CSS classes combine to create a variety of visual elements. It shows circles, rectangles, lines, and paths arranged in a grid, with some shapes having inline fill attributes and others inheriting styles from a stylesheet. The SVG uses a transform attribute to scale the entire group, and CSS rules define stroke properties for elements with the `lines` class, including rounded line joins and caps. Rendering relies on native SVG elements and CSS styling, with no external JavaScript libraries.

Nov 25, 2023

Loading thumbnail…

Borrador

This example displays the text “REAL ANALYSIS” in large, centered type. The code uses plain CSS for font sizing and text alignment, with no JavaScript logic or data-driven rendering. The visual is a static composition built directly in the HTML body, demonstrating a minimal use of core web technologies rather than a charting library. Its purpose is to serve as a bare-bones starting point, with the framework connection to React noted only in the README.

Oct 12, 2023

Loading thumbnail…

js in html

This example shows a minimal HTML page that combines CSS and JavaScript on the same document. It displays a large “Hello HTML!” message centered on the screen using a `.message` class with a 13em font size. The page loads an external `script.js` file at the end of the body, and the code imports from `something.js` using ES module syntax, illustrating a bare-bones setup for integrating JavaScript into HTML without a framework.

Oct 11, 2023

Loading thumbnail…

SVG fundamentals

This example shows how to create a single SVG circle using React and SVG fundamentals in an HTML page. The code renders a circle element with fixed cx, cy, and r attributes, demonstrating basic SVG shape construction without external data or interaction. It uses the native SVG API directly in JSX, with the circle centered at coordinates 50,50 and a radius of 50 pixels, illustrating the core syntax for vector graphics in a browser context.

Aug 31, 2023