Tell us what works and what could be better. We read every submission.
@ansuarez9·3 public vizzes
This animated scatterplot explores barley yield data from 1927–1929 across six Minnesota sites, using D3 v4 with SVG rendering. Each circle represents a barley variety’s yield, positioned by site and year. Animated transitions cycle through the three years, shifting the points to show how yields change across locations and seasons. The chart includes axes, labels, and a legend mapping variety names to colors, making it easy to track individual cultivars over time. Built with Blockbuilder.org, the example demonstrates D3’s data-joining and animation capabilities on a classic agricultural dataset.
This interactive bar chart compares daily temperatures across New York, San Francisco, and Austin from October 2011 through January 2012, using a grouped bar layout with an animated transition. The visualization renders three color-coded bars for each date, with the y-axis encoding temperature values and an x-axis ordered by time. Built with D3 v4, the animation smoothly transitions between the data points, allowing viewers to track temperature trends across the three cities over the four-month period. The visualization includes a legend to identify each city and axes to support reading exact values.
This line chart displays daily temperature readings for New York, San Francisco, and Austin from October 2011 through January 2012, using data from a tab-separated file. Each city is represented by a colored line, plotted over time with D3 v4’s scale functions for the time-based x-axis and linear y-axis. The visualization includes an interactive legend that toggles city lines on and off, with a smooth transition when data is filtered. The chart renders as SVG and uses axes, gridlines, and a hover tooltip showing the date and temperature values for each city.