Skip to main content
SimilarExport ZIP
100%

Pseudo Scatter Plot

✓ Published1🌍 Public
Rroyable88
Last edited Dec 16, 2022
Created on Nov 30, 2022
Forked from SVG Fundamentals

A pseudo scatter plot presents a field of black circles over a solid green background, with a single red circle accenting the upper right. The composition appears to be a static, abstract approximation of a data distribution, with points placed at arbitrary coordinates. The visualization is built with raw SVG elements inside an HTML document, using a `<rect>` for the background and `<circle>` tags for the data points. A `<triangle>` element is also included, though it is not rendered as a circle. The code relies on standard SVG APIs rather than a JavaScript library.

AI-generated description

An approximation of a scatter plot

MIT Licensed

Similar vizzes

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
89% match
Loading thumbnail…

Pseudo Scatter Plot

A pseudo scatter plot displays seven solid black circles at varied positions on a white canvas, approximating a scatter plot without any underlying data. The circles are rendered directly as SVG `<circle>` elements with a fixed radius of 50, rather than through a data-driven framework. The visualization uses plain SVG markup in an HTML document, with a single drop shadow filter applied to the background rectangle to create a subtle elevation effect. No axis, labels, or interaction are present, making it a purely visual approximation.

PPrince Kumar
88% match
Loading thumbnail…

Pseudo Scatter Plot

A pseudo scatter plot renders eight solid black circles at fixed coordinates across a 1000 by 500 SVG canvas, approximating the look of a point distribution without underlying data or axes. Each circle uses a radius of 21 pixels and a uniform dark fill, with positions hardcoded directly in the SVG markup rather than generated through a data-driven process. The visualization relies solely on static SVG circle elements, offering a minimal, non-interactive representation that mimics a scatter plot’s visual structure while lacking any computed layout or encoding.

NNikki Masroor
88% match
Loading thumbnail…

Pseudo Scatter

A single SVG contains six large gray circles positioned across a white canvas, creating a sparse pseudo-scatter plot. Each circle has a fixed radius of 34.5 pixels and no visible data labels or axes. The rendering relies entirely on hard-coded `<circle>` coordinates in static markup, with no JavaScript libraries, simulation, or dynamic layout. The arrangement resembles clustered points but lacks any encoding of values or relationships, serving as a minimal, stylized approximation of a scatter plot rather than a functional data visualization.

KKerotyzzzmo
87% 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
87% match
Loading thumbnail…

Pseudo scatter plot

A pseudo scatter plot displays seven black circles on a white background, simulating a basic scatter plot without any underlying dataset or axes. The visualization uses raw SVG elements, explicitly defining a white `<rect>` as the canvas and positioning each `<circle>` at fixed coordinates with a radius of 25. The HTML file includes inline CSS to remove page margins and hide overflow, ensuring the 960 by 500 pixel SVG renders edge-to-edge. The approach relies on hardcoded circle positions rather than a data-driven library like D3 or a layout algorithm.

Aadriana-ss
87% 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
87% match
Loading thumbnail…

Pseudo scatter plot

A pseudo scatter plot presents six dark circles of equal size at fixed positions on a white background, suggesting a data distribution without actual plotted points. The visualization uses raw SVG elements within an HTML file, specifically `<circle>` tags with explicit `cx` and `cy` coordinates and a fixed radius of 22, rendered via the browser's SVG support. The layout mimics a scatter plot's visual structure but omits axes or statistical encoding, relying solely on the spatial arrangement of the circles for its effect.

ZzolboBatsaikhan
86% match