Abkhenaten64

@Abkhenaten64·2 public vizzes

Let's make a face with D3.js

A smiling yellow face is drawn in an SVG canvas using D3 v5, with a large circular head and two black eyes positioned symmetrically. The code uses D3 selections to append circles to the SVG element, setting attributes like radius, center coordinates, and fill colors. The face’s dimensions are derived from the SVG’s width and height properties, and the eyes are placed relative to the center with fixed spacing.

Jul 8, 2019

Loading thumbnail…

Shapes with SVG and CSS

A series of geometric shapes is drawn on an SVG canvas, demonstrating basic SVG elements and CSS styling. Circles and rectangles are rendered with various fill colors, while a group transformation attempts to reposition shapes, and a polyline path creates a connected line sequence. The example uses raw SVG tags like `<circle>`, `<rect>`, `<line>`, and `<path>`, with styling applied through an external CSS file for stroke and width properties. No JavaScript libraries are used; the visualization relies solely on declarative SVG markup and CSS rules.

Jul 8, 2019