Pseudo Scatterplot

100%

Pseudo Scatterplot

✓ Published1🌍 Public

Last edited Jul 15, 2024

Created on Jul 15, 2024

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.

AI-generated description

An appoximation of a scatterplot.

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

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

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

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

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

90% match

Loading thumbnail…

Pseudo Scatter Plot

Six circles sit at varying positions across a white SVG canvas, resembling a minimal scatter plot with uniform point sizing. Each circle is drawn directly with explicit `cx` and `cy` coordinates on an SVG `<circle>` element, creating a static pseudo-scatterplot without any axes or data encoding. The visualization uses raw SVG markup embedded in an HTML file, rendering six fixed data points without interaction or animation. This straightforward example demonstrates a hand-coded approximation of a scatter plot, relying solely on basic SVG shape elements rather than a charting library.

Ddevin.mcmanus@gmail.com

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