issam.benabid@gmail.com

@simorgh10·4 public vizzes

Circles with D3

Seven circles of varying sizes and colors float on a muted pink background. The visualization demonstrates static circle generation using D3 v7, with each circle’s position, radius, and fill color defined in a hardcoded array. The code uses `select`, `join`, and attribute setters like `.attr('cx')` and `.attr('r')` to render the shapes. A fixed opacity of 0.63 is applied uniformly, and the SVG resizes to its container dimensions.

Jan 12, 2024

Loading thumbnail…

My Circles with D3

This example displays seven circles of varying sizes and neon colors, each with a fixed position and radius, rendered on a light background. The final state is a static composition, though the code suggests a D3 join operation to create the SVG elements. It uses the `select` API and the `join` method from D3 v7.8.5 to bind data arrays to circle elements, setting `cx`, `cy`, `r`, and `fill` attributes directly. The circle data is hardcoded, and no animation or interaction is present.

Jan 12, 2024

Loading thumbnail…

My Circes with D3

This example displays a single, enormous text message centered on a blank page using basic web technologies. The code uses CSS styling with a 13em font size and text-align center to render the message, while the HTML structure is minimal with an empty body element. Built with vanilla JavaScript and CSS, it demonstrates the simplest possible setup for a static visualization gallery entry, using no external libraries or data sources.

Jan 12, 2024

Loading thumbnail…

Pseudo Horizontal Bar Chart

This example presents a pseudo horizontal bar chart where three labeled bars (A, B, C) are drawn as filled black rectangles of varying widths, with large text labels positioned to their left. The visualization uses only raw SVG elements—`rect` and `text`—inside an inline `<svg>` tag, with no JavaScript or data-binding logic. The bars are hardcoded in the markup, and the chart relies on CSS (including the Share Tech font) and the SVG coordinate system to position elements, with commented-out path data suggesting an alternative icon-based labeling approach.

Jan 5, 2023