Martin Straußberger

@mskeegan01·3 public vizzes

Fork of Vega-Lite API Template

This example shows a time series of temperature readings as a single line across the full screen, with tooltips displaying the temperature values on hover. It is built with the Vega-Lite API, which registers Vega and Vega-Lite to generate the chart, and uses D3’s `csv` loader to fetch data from a remote CSV file. The visualization is rendered as SVG, and its appearance—including axis fonts and colors—is customized via a `config` object.

Jan 21, 2022

Loading thumbnail…

Fork of TestD3js Smiley Face Part1

This example shows a static smiley face created with three SVG circles: a large yellow face with a black outline and two smaller black circles for eyes. The code uses only raw SVG elements within an HTML page, not any D3.js functions or data visualizations. The rendering approach is straightforward SVG markup, with the face centered at coordinates (480, 245) and a radius of 200, while the eyes are placed at (380, 215) and (590, 215) with a radius of 30. The page sets a fixed SVG size of 960 by 500 pixels.

Jan 17, 2022

Loading thumbnail…

TestD3js Smiley Face Part1

This example shows a simple smiley face built from three SVG circles on a yellow background, with two smaller circles representing eyes. The face is drawn using the SVG `<circle>` element, with the main face circle filled in yellow and outlined with a black stroke. The eyes are positioned using explicit `cx` and `cy` coordinates within an SVG canvas. The code relies solely on the HTML5 SVG API and does not use any JavaScript libraries or D3.js functions for rendering or interaction.

Jan 17, 2022