Fork of An approximation of a column chart

100%

Fork of An approximation of a column chart

✓ Published1🌍 Public

Last edited Sep 11, 2025

Created on Sep 10, 2025

Forked from An approximation of a bar chart

This fork shows a pseudo-scatterplot as an approximation of a column chart, rendered entirely in an HTML page with a large medieval-style text layout. The visualization uses D3.js to generate circles that are positioned and scaled to suggest vertical bars, with the chart’s data points represented as scattered dots. The code loads Google Fonts’ Uncial Antiqua for the heading, while the body and CSS handle basic styling. Despite including an `index.js` that logs a message, no active simulation or data-binding logic is present, leaving the visual as a static, exploratory sketch.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Pseudo Scatter Plot

A fork of an approximate scatter plot renders six white circles of equal size on a white background, positioned diagonally from the lower left to the upper right. Each circle is drawn directly as an SVG `<circle>` element with explicit `cx`, `cy`, and `r` attributes, and a single `<rect>` serves as the canvas background. The chart uses no JavaScript libraries or data-loading mechanisms, relying entirely on static SVG markup within an `index.html` file. The rendering approach is fixed and non-interactive, displaying a minimal, pseudo-random distribution of points.

Yyholly

77% match

Loading thumbnail…

Fork of SVG Fundamentals

This fork of SVG Fundamentals presents a pseudo scatterplot using hand-coded SVG primitives. It renders a series of overlapping black circles of uniform radius across a white background on a fixed 950x500 viewBox. The circles are placed at various coordinates to simulate a minimalist data distribution, though no actual data is loaded. The visualization relies solely on inline SVG elements, with no JavaScript libraries involved, as index.js only logs a greeting. The rendering approach is purely static, using SVG’s `circle` and `rect` elements for the chart and background.

Iibaird6@gatech.edu

77% match

Loading thumbnail…

Fork of Pseudo Bar Chart 2

This fork of D3’s Pseudo Bar Chart 2 uses raw SVG elements to draw five horizontal black bars on a white background, each with differing widths and labeled with letters. The chart encodes categorical values through bar length, though no underlying data or axes are present. The code constructs the visualization directly with `<rect>` and `<text>` tags inside an SVG container, without using any D3 scales, layouts, or data-binding methods. The rendering is purely static, with bar widths hardcoded in the SVG coordinates.

WWannabeProgrammerr

77% match

Loading thumbnail…

Fork of Fork of Fork of Reusable D3 Scatter Plot

This reusable scatter plot, written with D3 version 6, displays a set of numeric x/y data points as steelblue circles. The example fetches its data from a JSON file hosted in a GitHub gist, then maps the raw values to numbers. It builds an SVG canvas and uses `d3.scaleLinear` with `d3.extent` to compute the axes, which are rendered with `d3.axisBottom` and `d3.axisLeft`. The chart includes labeled X and Y axes, with the plotting logic encapsulated in a function for reuse.

Bbhargavinalamothu@gmail.com

76% match

Loading thumbnail…

Fork of Fork of HTML Starter

This example presents a health data visualization comprising three charts: a bar chart of Var1, a line chart showing Var2 over time, and a pie chart of Var3. It loads CSV data from a GitHub gist and uses D3.js v7 to render SVG elements. The bar chart maps data points to horizontal bars, the line chart uses scales and a line generator to plot the time series, and the pie chart uses `d3.rollups` to aggregate categories. The code includes axes and margin conventions for the line chart.

Aakhilakura@my.unt.edu

76% match

Loading thumbnail…

Fork of Pseudo Scatter Plot With HTML

This fork of the original "Pseudo Scatter Plot" example uses a fixed set of six SVG `<circle>` elements, each with explicit `cx`, `cy`, and `r` attributes, to create a simple calibrated dot plot. The HTML file contains a single inline SVG graphic of 960 by 500 pixels, with no JavaScript or external libraries involved. The circles are positioned to simulate a scatter plot trend, though the data values are hardcoded in the markup rather than generated from a dataset. This rendering approach highlights static SVG positioning as the core visualization mechanism.

BBismark Kofi Owusu Sarfo

76% match

Loading thumbnail…

Fork of Pseudo Horizontal Bar Chart

This fork of a pseudo horizontal bar chart displays four labeled bars (A–D) using raw SVG rectangles and text elements. The first bar is blue with a thick black stroke, while the remaining bars are black, sized to approximate descending values. Rendered with inline SVG in an HTML page, it uses the Share Tech font and no JavaScript libraries or data-binding frameworks. The chart is a static approximation of a bar chart, with the SVG viewBox, rect positioning, and font styling defined directly in the markup.

Iinnocent thomas

75% match

Loading thumbnail…

Fork of HTML Starter

This visualization displays the text “Parallel Coordinates” as a large HTML message above an empty plotting area. The page loads D3 version 5.11.0 from a CDN and sets up margin, width, and height variables for an intended chart. The styling uses a CSS class to center the title text at a large font size, while the empty `<div>` with ID `my_dataviz` is prepared for future D3 rendering. No actual data or chart is drawn in the provided code.

Ddevvansh1997

75% match