Pseudo Cluster Visualisation

100%

Pseudo Cluster Visualisation

✓ Published0🌍 Public

Last edited Oct 17, 2022

Created on Oct 16, 2022

This example visualizes a pseudo cluster analysis using an interactive SVG scatterplot. It shows a set of points, colored pink and yellow, distributed across a white canvas, with a large black-outlined circle suggesting a cluster boundary. The rendering relies on raw SVG elements, including `circle` tags with specific coordinates and fill colors, and CSS `:hover` styles that turn points black on mouseover. The visualization is a static, hand-drawn representation of clustered data, using only basic SVG and HTML.

AI-generated description

A visualisation based on an imaginary cluster analysis that I drew on Figma.

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

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

82% match

Loading thumbnail…

Pseudo scatter plot

This pseudo scatter plot uses static SVG circles to approximate the look of a scatterplot without any underlying data or axes. Nine mint-green circles with black borders are positioned at various coordinates across a 960x500 canvas, creating a sparse, organic cluster pattern. The visualization relies on raw SVG elements—specifically `<circle>` with fixed `cx`, `cy`, and `r` attributes—rather than a plotting library or dataset. It demonstrates a minimal, hand-coded approach to simulating a scatterplot's visual form, with no interactivity or dynamic generation.

LLouis Astorg

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

81% match

Loading thumbnail…

Pseudo Scatter Plot

This pseudo scatter plot uses a minimalist SVG canvas to approximate the visual language of a scatter plot without axes, labels, or data encoding. Instead of mapping data values, it places eight identical gray circles at varying coordinates across a white 960×500 background, with all points sharing the same radius and fill. The rendering relies solely on static SVG `<circle>` elements, with no JavaScript libraries or interactive transitions. The title highlights its conceptual mimicry of a scatter plot’s visual form, while the code demonstrates a hand-coded, fixed arrangement that forgoes any data-driven scaling or layout logic.

Ppaddyokore39@gmail.com

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

81% match

Loading thumbnail…

Pseudo Scatter Plot

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.

Rroyable88

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

81% match