Zoomable Reusable Line Chart with the possibility to choose a dataset.
In origin the datasets are retrieved by an XMLHttpRequest();
request.
Updating a table with a reusable chart, inspired by this syntagmatic's block example and corrected thanks to stackoverflow
If we give by command line
/// choosing specific filters on columns and lines
tab
.columns(["#ay","U","B","V"])
.lines("#ay", 6.86);
Simple Form to add text elements to an svg image, inspired by a duopixel example. The number of the elements are defined by a simple text array. The text of the array elements will be used to set IDs and classes.
Clicking on the link will download the svg image (tested on Chromium, Firefox and Opera).
Comments in Italian language.
Forked from mbostock's Solar Terminator, and added a zoom feature from mbostock's Constrained Zoom.
By changing the values in the input
tag, a list is updated and styled using css an dynamic colors.
This example is taken by https://github.com/astrojs/webfits/blob/master/examples/canvas-single-image.html The overlay circle drawing and the drag event is managed using d3.js
Drag behavior working, Zoom behavior bugged.