fresh block

100%

✓ Published0🌍 Public

Last edited Feb 11, 2017

Created on Feb 11, 2017

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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.

SSherryFeng123

85% match

Loading thumbnail…

fresh block

A line chart displays daily crime counts across a 31-day period, with points connected by a single path. The visualization uses D3 v4 with `d3.scale.linear` for both axes, `d3.svg.axis` for ticks, and `d3.svg.line` to generate the path. Data from `numbers3.csv` is loaded via `d3.csv`, with day and crimes values parsed as numbers. An SVG canvas of 600x270 pixels, excluding margins, renders the axes and line, showing a fluctuating trend peaking around day 16 and dipping near day 25.

GGoomble

83% match

Loading thumbnail…

fresh block

A horizontal bar chart displays the number of assault incidents by resolution type, with purple bars extending from a shared left axis. The visualization uses D3 v4’s `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, rendering SVG rectangles for each bar. Data from the CSV is loaded via `d3.csv`, and axes are drawn with `d3.axisBottom` and `d3.axisLeft`, including a grid of horizontal tick lines. The chart highlights that "NONE" is the most common resolution, while "EXCEPTIONAL CLEARANCE" and "UNFOUNDED" are the rarest.

GGoomble

81% match

Loading thumbnail…

fresh block

This visualization displays monthly values as a line chart with circular markers, showing a basic time series of twelve data points from January through December 2016. The SVG rendering uses d3.svg.line with an ordinal x-scale and linear y-scale to map the data. Hovering over a grey circle highlights it in red, reveals the corresponding value as text above the point, and draws a dashed vertical line from the marker down to the chart baseline. The code relies on d3.json for data loading and d3.time.format for date parsing.

MMarineRu

78% match

Loading thumbnail…

fresh block

A line chart displays monthly values for twelve categories labeled A through L, with circles marking each data point and dashed vertical guides from the baseline. Hovering a circle highlights it in red, fades in the corresponding value label and guide line, then restores them on mouseout. The visualization uses d3.line, d3.scaleTime, and d3.scaleLinear to position marks, with transitions on opacity for interactive feedback. Data comes from a local JSON file, and rendering occurs in SVG with a monospace font for numeric labels.

KKylaste

77% match

Loading thumbnail…

fresh block

A line chart displays monthly values over time, with each data point shown as a semi-transparent grey circle. Hovering a circle highlights it in red, displays the numeric value as text, and draws a dashed vertical guide line to the baseline. The visualization uses D3 v4 with `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.json` to load and render the dataset, while `d3.select` and `transition` manage the interactive hover effects in an SVG container.

MMilowB

77% match

Loading thumbnail…

fresh block

A single black line chart plots monthly values from a small JSON dataset, with light gray circles marking each data point. Hovering a circle turns it red, displays the exact value above it, and draws a dashed vertical guide line to the baseline. The visualization uses D3 v4 with SVG rendering, applying `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` for the chart, plus mouseover handlers to toggle the interactive details. Axis labels show abbreviated month-year formats, with the final value annotated in larger monospace text.

NNpfn

76% match

Loading thumbnail…

fresh block

A line chart shows seven monthly data points from January to July 2016, with gray circles marking each value, a black polyline connecting them, and a large label displaying the final value. The visualization uses d3.v4 with `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.line` to generate the path. Pointers are rendered as SVG circles that turn red on mouseover and fade back to gray over 500 milliseconds using `transition.duration`. Data is loaded from an embedded `dataset.json` file.

NNaamaNaa

76% match