Pseudo Scatter Plot

100%

Pseudo Scatter Plot

✓ Published1🌍 Public

Last edited Sep 8, 2022

Created on Sep 8, 2022

This pseudo scatter plot displays five black circles at fixed positions on a white background, overlaid on a dark gray frame from a preceding rectangle. The circles are rendered directly as SVG `<circle>` elements with identical radii, rather than through a data-binding library or force simulation. The example uses no external JavaScript libraries, relying only on inline SVG markup within an HTML document. Despite the title, the visualization lacks axes, scales, or data-driven positioning, making it a static, geometric composition.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo scatter plot

A pseudo scatter plot displays five fixed circles at arbitrary positions on a blank SVG canvas, with no data mapping or interaction. Each circle has a radius of 30 pixels, and their coordinates vary along the x- and y-axes, creating a sparse arrangement. The code uses plain SVG elements (circle, svg) within an HTML page, with no JavaScript libraries or frameworks. It demonstrates a minimal, static visualization of manually placed points, representing a conceptual precursor to a data-driven scatter plot without any computed scales or axes.

Yyankesswang

90% match

Loading thumbnail…

Pseudo Scatterplot

A minimal, static approximation of a scatterplot rendered as SVG circles. Six black circles of equal radius are positioned on a light gray background, suggesting data points without underlying axes or labels. The example uses raw SVG elements—`<rect>` and `<circle>`—placed manually via hard-coded `cx` and `cy` coordinates, with no JavaScript or external libraries involved. The rendering approach is purely declarative, creating a sparse, purely visual allusion to a scatterplot.

Aajoua

89% 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

89% match

Loading thumbnail…

Pseudo scatter plot

This example shows a simple pseudo scatter plot: twelve black circles positioned on a white background. The visualization approximates a scatter plot without using axes, scales, or data mapping. The SVG markup directly specifies each circle’s center coordinates and radius using the `circle` element with `cx`, `cy`, and `r` attributes. The fixed size, the positioning, and the uniform styling suggest a hand-authored or generated layout rather than a data-driven projection. The graphic relies entirely on static SVG rendering without JavaScript libraries or interaction.

KKhanin Sisaengsuwanchai

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 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

88% 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

88% 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

88% match