Skip to main content
SimilarExport ZIP
100%

Pseudo Scatter plot

✓ Published2🌍 Public
AAshwani Sajwan
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from HTML Starter

This pseudo scatter plot presents six black circles distributed across a light gray SVG canvas, arranged to suggest a gentle diagonal trend from lower left to upper right. Each circle is rendered as an SVG ellipse element with fixed dimensions of 37.5 by 39.5 pixels. The visualization uses plain SVG markup within an HTML starter page, with a white rectangle layered over a gray background to create the final canvas appearance. No interactive behavior or data binding occurs in this minimal static example.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Scatter Plot

This example presents a pseudo scatter plot, using a set of six circles arranged to suggest a data distribution rather than plotting actual data points. Each circle is rendered as a static SVG `<circle>` element with fixed coordinates and a radius of 34.5, positioned on a white 960×500 canvas. The visualization relies purely on raw SVG markup inside an `index.html` file, with no JavaScript libraries or dynamic data processing involved. The sparse, hand-coded placement of circles creates a simple, minimalist view of a hypothetical scatter pattern.

YYangxi Liu
91% match
Loading thumbnail…

Pseudo Scatter Plot

This example shows six circles arranged diagonally across a white SVG canvas, creating a minimal pseudo-scatter plot. The circles are placed at fixed coordinates, with no axes or data mapping. The visualization uses raw SVG elements—a `<rect>` background and `<circle>` shapes—without any JavaScript libraries. The code is generated from Figma exports, as noted in the README, and rendered directly in the browser via static SVG markup. Each circle has a radius of 33.5 pixels, and their positions suggest a loose downward trend from left to right.

AAllison Leggett
91% match
Loading thumbnail…

Pseudo Scatter Plot

This pseudo scatter plot presents six black ellipses arranged across a white 960x500 SVG canvas, simulating the appearance of a scatter plot without underlying data points. Each ellipse is manually positioned at varying coordinates with consistent rx and ry values of 40.5 and 39, creating uniform circular shapes. The visualization uses raw SVG elements—specifically `<rect>` for the background and `<ellipse>` for the marks—embedded directly in HTML with minimal CSS to remove margins and scrolling. No JavaScript libraries or data processing are involved; the rendering relies entirely on static SVG markup.

TTheo-0201
90% match
Loading thumbnail…

Pseudo Scatter plot

This visualization uses static SVG circles to create a pseudo scatter plot, with each dark gray dot placed at fixed coordinates on a white background. The code directly embeds circle elements in the HTML, specifying cx, cy, and r attributes without any data binding or dynamic computation. While CSS transitions on hover change the ellipse’s fill color, the circles themselves remain static, and no interaction updates their positions. The example demonstrates basic SVG shape rendering and styling through pure HTML and CSS, with no JavaScript libraries involved.

Aandu006@gmail.com
90% match
Loading thumbnail…

Pseudo Scatter Plot

A pseudo scatter plot displays six evenly sized circles arranged diagonally across a white SVG canvas, suggesting a trend from lower-left to upper-right without underlying data points. The visualization is built with plain JavaScript and SVG, using `<circle>` elements with explicit `cx`, `cy`, and fixed `r` attributes for positioning. No D3 or external libraries are employed; instead, hardcoded coordinates create the approximate scatter effect. The rendering relies solely on SVG's native shape primitives within an HTML document, with a `rect` serving as the background.

AAmauri Ribeiro
89% match
Loading thumbnail…

Pseudo Scatterplot

An SVG pseudo scatterplot displays seven black circles arranged diagonally across a white canvas, suggesting a rough downward trend from upper left to lower right. Each circle has a uniform radius of 18 pixels, with coordinates explicitly set in the markup. The visualization uses raw SVG elements—`rect` for the background and `circle` for data points—defined directly in an HTML file with inline styles. No JavaScript libraries or data processing are involved; the chart is purely static and hand-coded.

Cchacon1@uic.edu
89% match
Loading thumbnail…

Pseudo scatter

This example presents a hand-coded static scatter plot titled “Pseudo Visualization,” rendered as six equally sized circles positioned across a 960-by-500 SVG canvas on a white background. The visualization is built with plain HTML and CSS, using no JavaScript libraries; each circle’s center and radius are specified directly in the markup. The layout mimics a pseudo-random distribution, though the coordinates are fixed and manually defined rather than generated by an algorithm.

Mmaciekawsq@gmail.com
88% match
Loading thumbnail…

Pseudo Scatter Plot

This pseudo scatter plot arranges thirteen evenly sized ellipses in a diagonal, upward-sloping pattern across a light gray SVG canvas. The circles progress from the lower left to the upper right, creating a visual representation of a distribution without any underlying data points. It is rendered entirely with static SVG `<ellipse>` elements and `<rect>` backgrounds, with no JavaScript or interaction. The minimalist design demonstrates how basic geometric shapes can simulate a scatter plot using only inline SVG markup and hardcoded coordinates.

KKhanAzmat
88% match