Tell us what works and what could be better. We read every submission.
@antoinedejonckheere·5 public vizzes
A minimalist line drawing uses geometric paths to construct an abstract, angular composition resembling a folded or dimensional form. The SVG renders a series of black strokes on a white background, with diagonal lines creating intersecting shapes and implied depth through overlapping edges. The code relies on raw SVG `<path>` elements with explicit coordinate data, using vector graphics primitives to define each line segment and fill. The rendering approach is static, with no animation or interaction, and the file is authored as a standalone SVG document.
The visualization depicts a geometric star-like shape formed by interconnected lines and polygons, overlaid with a white linear network that traces a distinct path across the canvas. It renders an abstract, minimal composition in black and white, using SVG elements such as polygons, polylines, and paths. The code specifies explicit coordinate points and stroke properties, with the main structure defined by a filled polygon and additional lines drawn using SVG’s line and polyline primitives. The rendering relies on static SVG markup, likely generated in Adobe Illustrator, rather than a dynamic JavaScript library.
This map displays bicycle itineraries as multicolored line segments overlaid on a geographic basemap. The GeoJSON data encodes route paths as MultiLineStrings, with each feature labeled by an itinerary identifier (`icr`) and a flag for whether it contains waypoints (`balises`). The visualization renders the cycling network, likely using color or line style to distinguish route numbers, and shows how individual segments connect to form the larger path system across the mapped area.
This visualization uses GeoJSON data of cycling routes in Brussels, rendered as a multi-line map. The line segments are color-coded and appear to form a connected network of bicycle paths across the city, with a legend distinguishing named routes such as "Kleine ring" and "Noord-Zuid".
A simple bar chart displays fifteen red bars with blue outlines, each bar’s height proportional to a numeric value in a static array. The visualization uses D3 v4 with an SVG renderer, employing `d3.scaleBand` for the x-axis positions and `d3.scaleLinear` for the y-axis scale. Bars are drawn as `rect` elements, with heights mapped from the data and vertically aligned from the baseline upward. The chart is generated directly in the browser via Blockbuilder, with no external data source beyond the hardcoded array.