SherryFeng123

@SherryFeng123·4 public vizzes

Multi-Series Line Chart

This multi-series line chart shows daily average temperatures for New York, San Francisco, and Austin over a year, with each city’s trend drawn as a colored, animated line. The data is loaded from a TSV file, and the chart includes interactive click-to-hide and hover-to-highlight features. It uses d3.tsv for parsing, d3.scaleTime and d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.line with d3.curveBasis for the lines.

Mar 24, 2017

Loading thumbnail…

Multi-Series Line Chart

This multi-series line chart displays the daily number of assaults recorded in December 2016, plotting single continuous line where the x-axis encodes the date and the y-axis encodes the incident count. The visualization, built with D3 v4, uses `d3.scaleTime` and `d3.scaleLinear` for coordinate mapping and `d3.line` to generate the path. Data is loaded from a CSV file via `d3.csv`, with dates parsed through `d3.timeParse`. The SVG output includes axis labels and a caption that highlights observed patterns, such as low assault counts on Sunday and Wednesday.

Feb 11, 2017

Loading thumbnail…

fresh block

This visualization displays a line graph of the number of physical assaults per day over a week in December 2016, using an orange stroke to trace the trend over time. The chart includes labeled axes for date and incident count, along with a caption noting observed patterns, such as lower counts on Sunday and Wednesday. The code uses d3.csv to load data from a CSV file, d3.timeParse to parse dates, and d3.scaleTime and d3.scaleLinear for positioning. It renders the line with d3.line and adds axes via d3.axisBottom and d3.axisLeft, all within an SVG generated by d3.v4.

Feb 11, 2017

Loading thumbnail…

Multi-Series Line Chart

This chart shows the daily average temperatures for New York, San Francisco, and Austin over a year, with each city represented by a colored line and labeled points. The data is loaded from a TSV file using d3.tsv, with dates parsed via d3.timeParse and scales built from d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal with d3.schemeCategory10. Lines are drawn using d3.line, and axes are rendered with d3.axisBottom and d3.axisRight, with the y-axis labeled in Fahrenheit.

Feb 11, 2017