Tell us what works and what could be better. We read every submission.
@adityajain15·4 public vizzes
This line chart displays monthly price changes over time, with the x-axis representing dates and the y-axis mapping price values from zero to the dataset maximum. The visualization loads data from a CSV file using d3.csv, parses dates with d3.timeParse, and renders an SVG line path via d3.line. It uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for ticks, and d3.extent to determine the date range. The chart is drawn inside a translated SVG group, with the line path appended directly to that group.
This sankey diagram visualizes the flow of case dispositions in a police department, using external CSV data with named source and target values. The chart displays the distribution of cases from "This year" and "Last year" into a "Total" node, then onward into outcomes like "Final Report" and further subcategories such as "True but insufficient Evidence," "False," and "Mistake of Fact." Node rectangles are colored using a categorical scale, links are sized by flow value, and both nodes and links include hover tooltips. Built with D3 v3 and SVG, the visualization supports interactive dragging of nodes to rearrange the flow layout dynamically. Data is loaded from an external CSV file, and the sankey layout is computed with custom code from the D3 Tips and Tricks book.
This visualization maps the history of U.S.–North Korea nuclear negotiations from 1990 to 2012 using a timeline of event annotations overlaid on a stacked bar chart. The chart displays monthly counts of provocations and negotiations from USKoreaData.csv, with a second layer of detailed event descriptions from Negotiations.csv appearing as labeled annotations at their corresponding dates. The stacked bars encode two variables—Provocations and Negotiations—with the height of each bar segment proportional to the number of events that month, and the annotations provide context for major diplomatic milestones such as Six-Party Talks and bilateral meetings. Built with D3 v4 and rendered as SVG, the visualization uses a clean temporal layout with leader lines connecting annotations to the data points, enabling viewers to trace the relationship between negotiation efforts and provocative actions over time.
This visualization presents a calendar heatmap of US-North Korea relations from 1990 to 2017, using two parallel monthly cell columns to show provocative actions and negotiations. Hovering over a negotiation cell displays a tooltip containing detailed event descriptions from the Negotiations.csv file, including leaders, nations, and dates. Built with D3 v4, the SVG chart uses `d3.scaleQuantize` for color encoding and custom mouse event handlers, with annotations from the d3-annotation library to highlight key moments.