Tell us what works and what could be better. We read every submission.
@allenwko·5 public vizzes
This visualization tracks ICU patients’ predicted mortality risk over the course of their stay, with each dot representing a measurement taken at a given relative time. The y-axis shows the model’s predicted probability of death, and the x-axis shows relative time from admission. Each dot is colored by procedure category, and hovering over a dot reveals a tooltip with the patient ID, procedure type, relative time, and absolute time in hours. The chart includes a legend for procedure categories and uses an SVG line-and-dot layout with D3 v4. Animation is not present in the rendering despite the metadata listing it.
Each dot in this scatterplot represents a U.S. presidential election, comparing the winner’s margin of popular vote victory (horizontal axis) with a rating of presidential effectiveness from the 2014 APSA survey (vertical axis). Circles are colored by the winner’s party, and hovering reveals a tooltip with the winner, party, year, and runner-up. The axes use percentage scales, and the chart includes a title and a legend. The visualization is rendered in SVG with D3 v4 and animated hover interactions. The author notes the original premise—that higher-rated presidents should have larger victory margins—is flawed, as each election is a unique contest; the data shows a 0.15 Pearson’s r correlation between margin and rating.
This multi-line chart displays monthly unemployment rates for U.S. metropolitan areas using an invisible Voronoi tessellation to improve mouseover interaction. The closest point to the cursor on any line is automatically highlighted, with a focus circle and label showing the city and its value. Users can toggle the Voronoi overlay visibility via a checkbox in the top-right corner. The visualization is implemented with D3 v4, renders to SVG, and supports hover-based exploration of unemployment trends across many cities simultaneously.
This multi-series line chart displays daily average temperatures for New York, San Francisco, and Austin over one year, loaded from a TSV file and rendered as an SVG. The x-axis encodes dates using a time scale, while the y-axis uses a linear scale for temperature values, with the domain computed via d3.extent, d3.min, and d3.max. A categorical color scale (category10) distinguishes the three cities, and each series is drawn as a smooth line using d3.svg.line. The chart includes conventional margins, axes generated with d3.svg.axis, and data parsed from the TSV with d3.tsv and d3.time.format.
This interactive multi-series line chart visualizes Ipsos MORI’s long-term Issues Index survey (1974–2014), showing how public concern over various issues has changed over time. Each issue, such as the Economy, NHS, or Immigration, is represented by a colored line plotted against date. Users can hover over the chart to highlight individual series, with tooltips displaying the exact values. The visualization uses SVG and animation to smoothly transition between highlighted series, allowing for exploration of historical trends across dozens of tracked issues. Note that the data is randomised until December 2014.