Pseudo Visualizations

100%

Pseudo Visualizations

✓ Published0🌍 Public

Last edited Jan 5, 2023

Created on Jan 5, 2023

A pseudo bubble chart shows a series of black circles of varied sizes positioned over a Cartesian coordinate grid, with axes drawn as black lines and a title labeling the graphic. Based on the code in `index.html`, the visualization is hand-coded as an SVG using plain `circle`, `line`, and `text` elements, with a Roboto font typeface and no data-driven binding. The example, authored by kathrynrbernard in the v3 source, serves as a static mockup rather than an interactive chart.

AI-generated description

Bubble chart.

MIT Licensed

Similar vizzes

Loading thumbnail…

Pseudo Charts

This example presents Pseudo Charts, a set of small, stylized SVG charts that mimic classic data visualizations without using real data. The page displays four mini visualizations—a bar chart, line chart, scatter plot, and area chart—each rendered with basic SVG shapes like `rect`, `path`, and `circle`. A hover effect on each chart (via the `.charts:hover` CSS rule) reveals its label, such as "Bar Chart" or "Scatter Plot," while the page's main title is set in the Share Tech font. The HTML and CSS structure, including the use of `display: none` on chart text until hover, drives the interactive labeling, but no underlying dataset or JavaScript library is used for the plots themselves.

Rrakshitmakadia

81% match

Loading thumbnail…

Pseudo Cluster Visualisation

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.

YYiorgos Bagakis

78% match

Loading thumbnail…

Pseudo scatter

This example presents a hand-coded static scatter plot titled “Pseudo Visualization,” rendered as six equally sized circles positioned across a 960-by-500 SVG canvas on a white background. The visualization is built with plain HTML and CSS, using no JavaScript libraries; each circle’s center and radius are specified directly in the markup. The layout mimics a pseudo-random distribution, though the coordinates are fixed and manually defined rather than generated by an algorithm.

Mmaciekawsq@gmail.com

78% match

Loading thumbnail…

Data Visualisation with D3 - Pseudo Charts

This example visualizes a scatter plot using a pseudo-chart technique, approximating the data points as black circles positioned at arbitrary coordinates. The SVG uses `<circle>` elements to render the visualization, with each circle given a random x and y coordinate to suggest a distribution. The code relies on the SVG library and the `d3` framework, though it does not explicitly use a specific D3 API for layout or rendering. The data source is not externally loaded; instead, the circle positions are hardcoded in the markup, demonstrating a minimal, stylized approach to scatter plot construction.

Vvivienho22

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

77% match

Loading thumbnail…

Psudo visualisation

A minimal static SVG scene presents six black circles scattered across a white canvas on a 960-by-500 viewBox. The markup, authored in plain HTML with embedded CSS and JavaScript, draws each ellipse with explicit coordinate and radius attributes. No interactive behavior or animation is implemented; the visualization simply shows the arrangement of these abstract shapes using React and SVG rendering. The source data is hard-coded in the index file rather than loaded from an external dataset.

Iigndukwe

77% match

Loading thumbnail…

Pseudo Scatterplot

An SVG pseudo scatterplot displays seven black circles arranged diagonally across a white canvas, suggesting a rough downward trend from upper left to lower right. Each circle has a uniform radius of 18 pixels, with coordinates explicitly set in the markup. The visualization uses raw SVG elements—`rect` for the background and `circle` for data points—defined directly in an HTML file with inline styles. No JavaScript libraries or data processing are involved; the chart is purely static and hand-coded.

Cchacon1@uic.edu

77% match

Loading thumbnail…

Pseudo Visualizations

Seven circles in a square SVG canvas appear as a pseudo network visualization, with each node represented by a circle of identical radius. The circles are placed at varying coordinates, creating an organic, scattered layout that resembles a graph without connective edges. The example uses static SVG elements—rect and circle—rendered directly in HTML markup, with no JavaScript framework or data binding. The white background rect anchors the visualization, while the unpositioned circles suggest a minimal, unfinished force-directed simulation.

JJun Alvarado

77% match