Ferjopero

@Ferjopero·3 public vizzes

Gist 74232f38b06638bb7acb4205ebf3b216

This visualization, from a GitHub gist by Ferjopero, uses the classic Iris dataset to display a scatter plot of sepal length against sepal width. Points are colored by species—setosa, versicolor, and virginica—revealing distinct clusters. The chart is rendered using an interactive plotting library, allowing viewers to explore the relationships between these two measurements across the three species.

Jul 27, 2018

Loading thumbnail…

Gist 1b4899c75f0bfa91bbe6865157c3f87f

A force-directed graph places five labeled nodes on a Canvas, with each node’s position set by an explicit `x,y` coordinate pair from a hardcoded dataset rather than computed by simulation. The visualization uses `d3.forceSimulation` to manage node physics while a custom `tick` function redraws the scene via the Canvas 2D API. Edges are omitted, so the example focuses solely on spatial layout and node rendering, with node radii scaled by a fixed value. The data source is a simple inline array, and no interaction or animation beyond the initial layout is implemented.

Jul 27, 2018

Loading thumbnail…

circularbrush.filter

This circular brushable radial chart visualizes daily weather data from `cloud_rain_freeze.json`, encoding each day as a point along a circular axis based on date, with categorical weather conditions (clear, cloudy, overcast, scattered; rain/freeze booleans) determining radial positioning or color. The chart introduces a custom `circularbrush.filter(array, accessor)` method, which efficiently returns only the data points that intersect the circular brush's angular extent, improving on the original implementation. Rendered in SVG, users can drag the circular brush to filter the dataset interactively, with brushed data highlighted in real time. This example demonstrates a more performant approach to circular brushing, building on an earlier block by emeeks.

Jul 27, 2018