Paul Kot

@Paul-M-K·2 public vizzes

Fork of Shapes and Colors with SVG and CSS

A fork of an SVG and CSS example, this visualization uses a blank 960x500 SVG canvas as its starting point. The code defines an SVG structure and applies styles through an external stylesheet, with classes for lines and paths that set stroke colors and line properties. Using D3.js to select the SVG element, the example primarily demonstrates how to set up a basic SVG-based visualization scaffold, with the JavaScript beginning to style the background color. The HTML file links the stylesheet and the D3-driven script, showing a minimal setup for SVG rendering.

Dec 8, 2022

Loading thumbnail…

Bowl of Fruit - General Update pattern

This example demonstrates the General Update pattern in D3 by visualizing a bowl of fruit. It uses d3.select to target the SVG element and creates fruit objects with a type property. The visualization builds an SVG rendering of the fruit, updating the display as the data changes. The code leverages D3 v5’s selection and arc APIs to construct and modify the scene.

Dec 8, 2022