Pseudo scatter plot

100%

Pseudo scatter plot

✓ Published1🌍 Public

Last edited May 12, 2023

Created on May 12, 2023

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.

AI-generated description

An apporoximation of scatter plot

MIT Licensed

Similar vizzes

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

90% match

Loading thumbnail…

Pseudo Scatter Plot

This example presents a scatter plot using fixed, hand-coded SVG elements rather than data-driven generation. Seven circles act as data points, positioned at specific x and y coordinates on a white background. The rendering relies on raw SVG `<circle>` and `<rect>` tags, drawing directly within the markup without any JavaScript libraries or external data files. The visualization demonstrates how a simple coordinate system is approximated through static attributes, with each circle uniformly sized and colored. No interaction, axes, or tooltips are included, making it a purely static visual exercise.

Ccssergio

90% match

Loading thumbnail…

Pseudo Scatter Plot

This example displays a pseudo scatter plot made of eight evenly sized black circles scattered across a blank SVG canvas. The circles are placed at fixed coordinates, creating a deliberate but seemingly random distribution. The visualization uses raw SVG circle elements within an HTML document, with no data binding or layout algorithm applied. Simple inline styling via CSS sets the page margin to zero and hides overflow, while the SVG width and height are fixed.</br></br>The rendering relies on the native SVG API through static `<circle>` elements, with each point manually assigned an `cx` and `cy` position. No D3.js or other libraries are present; it is a hand-coded, static composition.

Ttverdone

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

Loading thumbnail…

Pseudo Scatter Plot

This example shows a scatter plot with nine black circles arranged on a white background. It is a static visualization, with the points manually positioned at various coordinates across the SVG canvas. The graphic is created using raw SVG elements, specifically `circle` tags, and is built without the aid of any external JavaScript libraries or data bindings. The data points are hand-coded, making it a simple, non-interactive representation that demonstrates basic SVG rendering within an HTML page.

Hhelloelectro

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

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

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

89% match