Tell us what works and what could be better. We read every submission.
@annelid·4 public vizzes
A scatterplot-style visualization maps four series of quarterly literacy and line-level scores as static steelblue circles, with each circle’s vertical position determined by its Q1 value. The chart uses d3.csv to load the dataset, d3.scaleLinear for both x and y axes, and d3.axisBottom plus d3.axisLeft to render the axes. All circles share a fixed radius of 20 pixels, and the SVG rendering is driven by standard d3 selections and data joins.
Twelve colored vertical stripes each follow a distinct path through a sequence of 12 positions, with each row in the embedded data array representing one stripe's order of positions over time. The visualization uses PHP-generated data from a series array to depict multiple permutations of the stripes, likely as an animated or layered transition. The arrangement highlights the variety of possible orderings while maintaining a consistent set of twelve colors or labels across the display.
This page demonstrates a simple scatter plot using D3.js v4, visualizing the relationship between category and score for two data types (Alpha and Beta). The data is loaded from a TSV file, cleaned, and augmented with a horizontal jitter to separate overlapping points. The chart includes axes, gridlines, a legend, and interactive tooltips that display category, score, and type on hover. Semi-transparent colored circles are rendered in SVG, with colors assigned by data type via a categorical color scale. The visualization was updated to D3 v4 by annelid, based on 1wheel's original block.
This example demonstrates how GistBox can organize a variety of content, from JavaScript code snippets and Ruby algorithms to Markdown documentation and a cheesecake recipe. The files include a quicksort implementation in Ruby, a list of keyboard shortcuts, and a recipe with ingredients and directions. The visualization uses plain text and code blocks to show the range of gist types, with no interactive or graphical rendering beyond the static file contents. The code references JavaScript’s `console.log` and Ruby class methods, while the Markdown files include links and images.