Skip to main content
SimilarExport ZIP
100%

Teste

✓ Published0🌍 Public
Nnunosilvasemedo@gmail.com
Last edited May 26, 2026
Created on May 26, 2026
Forked from React & D3 Starter

This example demonstrates a static chart composed of basic SVG geometric shapes—two red and purple circles, a blue-outlined square, and a diagonal line—set against a black border framing the full 1920×1080 canvas. The React-based rendering uses inline SVG elements directly in the HTML, with no dynamic data or interaction. A separate `index.jsx` file imports React and D3’s `select` API, but the visible output does not use them, showing only a raw SVG composition. The chart highlights primitive shape attributes like fill, stroke, and stroke-width without encoding a dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Test

This example displays a static SVG scene of a red circle and a navy line rendered from hardcoded coordinates. It demonstrates basic SVG primitives including `circle` and `line` elements with explicit positioning and styling attributes. The visualization uses plain HTML and SVG markup, with no JavaScript libraries or data binding, serving as a minimal starter for React-based visualization projects. The code renders these shapes directly in the browser without any interactive or dynamic behavior.

Ddavidhan1120
84% match
Loading thumbnail…

Teste html

This example shows a hand-coded collection of basic SVG shapes: a green circle, red and blue axes, and a yellow rectangle. The code uses plain SVG elements (`circle`, `line`, `rect`) within an `<svg>` tag, with styling applied via presentation attributes like `fill`, `stroke-width`, and `stroke`. No JavaScript or external libraries are used; the visualization is a static test page rendered directly in HTML.

MMagessi
83% match
Loading thumbnail…

Hello HTML

A minimal static SVG chart renders three circles—a large yellow one with a thick black stroke, and two smaller black circles with blue and black outlines—on a blank 960×500 canvas. The page loads React 16.7.0 from a CDN but does not use any React components. Instead, the drawing is hard-coded directly in the HTML body using inline SVG elements, with a separate script that logs "hello java" to the console. The example demonstrates basic SVG shape rendering without any data binding or interactive behavior.

JJulesBaerwald
83% match
Loading thumbnail…

Hello HTML

A minimal static SVG chart renders three circles—a large yellow one with a thick black stroke, and two smaller black circles with blue and black outlines—on a blank 960×500 canvas. The page loads React 16.7.0 from a CDN but does not use any React components. Instead, the drawing is hard-coded directly in the HTML body using inline SVG elements, with a separate script that logs "hello java" to the console. The example demonstrates basic SVG shape rendering without any data binding or interactive behavior.

JJulesBaerwald
83% match
Loading thumbnail…

SVG TEST

This example displays a static collection of SVG primitives, including circles, rectangles, lines, and paths, arranged in groups with transforms. The composition showcases basic shapes with hard-coded fills, strokes, and coordinate positions within a 960 by 500 pixel canvas. The rendering relies on raw SVG elements defined directly in the HTML, with CSS classes like `.lines` applying stroke properties and line joins. The code uses plain SVG APIs (`<circle>`, `<rect>`, `<line>`, `<path>`, and `<g>`) alongside CSS styling, without any JavaScript libraries for layout or interaction.

JJames Song
82% match
Loading thumbnail…

SVG test

This example demonstrates the placement and styling of basic shapes within a two-dimensional SVG canvas. It uses raw SVG elements, including circles, paths, and stroke properties, to create simple geometric compositions. The code utilizes inline SVG attributes such as `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width`, along with path data `d` for drawing lines. Without external libraries, it relies on the native SVG API for rendering within an HTML page.

EElerium115
82% match
Loading thumbnail…

testing chart

This example shows two static SVG compositions. The first uses twelve colored circles arranged in a circular petal pattern around a central dark red circle; hovering over that central circle turns it black via a CSS `:hover` rule. The second is a separate SVG containing eight small dark circles scattered across a white background. Both charts are hand-coded in HTML with inline SVG elements, using no external libraries or data sources.

Ssubratanp
82% match
Loading thumbnail…

Prueba

This example renders a blank SVG canvas using D3 v5 within a React framework. The `index.js` file selects the SVG element via `d3.select` and attempts to read its width and height attributes, while the `styles.css` applies red text styling to the body. The visualization currently displays no data or graphical elements, serving as a minimal template that sets up the wrapper and selection logic for future chart development.

Ccacho2294
82% match