Stefan

@StefanHerbek·3 public vizzes

Sol LewWit

This example shows a blank SVG canvas with JavaScript logging output to the console. It demonstrates basic JavaScript syntax including variables, objects, loops, and arrow functions. The code uses native browser APIs such as `console.log` and `document.querySelector` implicitly through the SVG element. The rendering approach uses a React starter template with the SVG element set to 960 by 500 pixels. The visualization itself contains no visual elements, as the focus is on programming fundamentals rather than data display.

Jan 20, 2023

Loading thumbnail…

Fork of Psuedo Spider Chart

This example displays a hand-drawn spider chart with nine concentric circles, radial lines, and colored nodes connected by a semi-transparent polygon. Six orange data points mark values along different axes, while one black node sits near the top, with numeric labels (5, 15, 25, 35, 45) placed along the vertical axis. The visualization is rendered as static SVG markup inside an HTML file, using the Share Tech font family and no JavaScript libraries. The chart’s structure and styling are defined entirely through raw SVG elements like circles, lines, paths, and text.

Jan 20, 2023

Loading thumbnail…

SVG Fundamentals

This example introduces the building blocks of SVG for data visualization, displaying a static collection of primitive shapes including red circles, a blue rectangle, a black line, a thick black path, and a complex green filled path resembling a geometric icon. The code directly defines each element in raw SVG markup inside an HTML page, using no external libraries or data sources. The rendering approach relies purely on the standard browser SVG renderer, illustrating how simple shapes and paths form the foundation for more advanced charting techniques.

Jan 20, 2023