Skip to main content
SimilarExport ZIP
100%

Pseudo Scatter Plot

✓ Published1🌍 Public
AAmauri Ribeiro
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from SVG Fundamentals

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.

AI-generated description

An approximation of scatter plot

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Scatter Plot

A pseudo scatter plot displays six uniformly sized circles across a white canvas, suggesting a loose upward trend without any coordinate axes or gridlines. Each circle is positioned at specific pixel coordinates and has a constant radius of 34.5, creating an abstract approximation of a scatterplot. The visualization uses raw SVG elements—specifically `<rect>` and `<circle>` tags—defined directly in the HTML structure, with no JavaScript libraries or data-binding mechanisms involved. The rendering is purely static, relying on SVG's native shape-drawing capabilities within a fixed 960-by-500 viewport.

DDhruva654
94% 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

A pseudo scatter plot approximates a traditional scatter plot using only six circles positioned on a dark gray SVG canvas. Each navy circle represents a data point, though no underlying dataset or axes are defined. The visualization is rendered directly with SVG elements, using a `<rect>` for the background and `<circle>` tags with explicit `cx`, `cy`, and `r` attributes to simulate the distribution. The code relies on plain SVG markup within an HTML file, without any JavaScript libraries such as D3.

Ttriciascully
91% match
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

A pseudo scatter plot approximates a scatter diagram using seven black circles of equal size positioned across a white 960-by-500 SVG canvas. The circles’ coordinates suggest a downward trend from left to right, mimicking data points without an explicit dataset. Rendered entirely in raw SVG, the example uses no JavaScript libraries or charting frameworks, relying instead on static `circle` elements with inline style attributes. The SVG includes Inkscape namespace declarations, indicating the graphic was likely authored or exported using the Inkscape vector editor.

Vvschan2
91% 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
90% match
Loading thumbnail…

Pseudo Scatter

A pseudo-scatter plot arranges seven circles in a loose diagonal sweep across a white SVG canvas, suggesting clusters or points of interest without underlying data. Rendered as static SVG circles via plain HTML markup, each circle has a fixed radius of 38 pixels and explicit x/y coordinates, with no axis or grid. The composition evokes a scatterplot’s visual rhythm while omitting any statistical encoding, relying solely on positioned shapes to imply distribution. No JavaScript libraries or dynamic rendering are used; the visualization is purely declarative SVG.

Aalexscott-untitled
90% match
Loading thumbnail…

Pseudo Scatterplot

This example presents a pseudo scatterplot, approximating a distribution of data points with six circular marks scattered across a white canvas. Each black circle is positioned at distinct coordinates, visually suggesting a rough correlation between the x and y axes. The visualization is rendered as static SVG, constructed with individual `<circle>` elements inside an `<svg>` container. It uses raw SVG markup for drawing, with the page styling handled by basic CSS, and no data loading or interaction is implemented.

Wwspwll@gmail.com
90% match