Skip to main content
100%

People Flow KA

✓ Published0🌍 Public
Tthadubsdavid
Last edited May 27, 2019
Created on May 27, 2019

This visualization shows pedestrian flow at a specific location over time, displaying a line chart of Europaplatz data with time on the x-axis and values on the y-axis. The visualization uses SVG rendering with D3 v5, including `scaleTime`, `scaleLinear`, `line` with `curveBasis`, and axis generators. Data is loaded from a CSV file hosted on VizHub, with timestamps parsed as dates and numeric values converted appropriately. The chart includes labeled axes, a title, and a smoothed line path.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

World population area chart

This visualization displays time-based trace data as a smooth line chart, plotting trace numbers against their start times on a date axis. The SVG rendering uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` to create the curved path. Data is loaded from a CSV file, parsed into JavaScript Date objects, and rendered inside a margin-based coordinate system. Grid lines, axis labels, and a title complete the chart, which highlights the chronological distribution of trace events.

NNikki-gea
65% match
Loading thumbnail…

1120所有堆叠图（右转-过街）

This stacked bar chart visualizes traffic flow across 27 lanes at an intersection, showing counts of pedestrians, non-motorized vehicles, and motor vehicles. The SVG rendering uses `d3.stack()` to create stacked segments for each lane category, with `d3.scaleBand` positioning the bars and `d3.scaleOrdinal` assigning colors from `schemeSet3`. A tooltip appears on mouseover, displaying the percentage each category contributes to the lane’s total. The data is embedded directly in the code, and the visualization includes axis labels and a custom legend.

Vvivianaaai@qq.com
65% match
Loading thumbnail…

Foot Traffic

A line chart shows estimated relative foot traffic in Manhattan across 24 hours, with points marking each hour's average value. The visualization uses D3.js v3 with an SVG rendering approach, loading data from a CSV file via `d3.csv`. The chart employs `d3.scale.linear` for both axes, `d3.svg.axis` for tick marks, and `d3.svg.line` to draw the connecting path between data points.

MMelanieFreed
65% match
Loading thumbnail…

Fork of Area Chart

This chart shows how many people visited a location each year from 2010 to 2019, combining a smooth blue line for the trend with a filled yellow area beneath it. The visualization uses d3.scaleTime and d3.scaleLinear to map the date and visitor count, with d3.line and d3.area generators using a curveBasis interpolation. Data is loaded from a CSV file, and the axes include formatted tick labels with grid lines, rendered as SVG elements.

SSaikiran2029
64% match
Loading thumbnail…

Horizon chart

This visualization displays traffic data over time using a horizon chart, where each band represents a different location and the area encodes the hourly visitor count. The chart compresses the y-axis by layering positive values into colored bands, making it easy to compare patterns across multiple series. Built with D3 v5, it uses d3.nest to group the CSV data, scaleLinear for the y-axis, and an area generator with curveBasis for smooth lines. The data comes from traffic.csv, and the rendering is done with SVG.

KKams2015
64% match
Loading thumbnail…

Scatter, Line, and Area Example

This line chart shows the daily count of network flows over a three and a half month period, with each point representing a day’s total. The data, sourced from a professor at WPI and cleared for public use, includes timestamps and flow counts. The visualization uses D3 v5’s `scaleTime` for the x-axis and `scaleLinear` with `nice()` for the y-axis, rendering the trend with a smooth, curved line via `lineGenerator` and `curveBasis`. The chart is drawn in an SVG element, with axis ticks, labels, and a title styled through CSS.

Ffloresh
64% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes Munich transit delays per line, with each circle representing a trip. The x-axis encodes timestamp, the y-axis encodes line, and circle size encodes delay value, revealing temporal patterns in service reliability. It is built with the Vega-Lite API, which generates charts from JavaScript objects, and uses D3’s `csv` loader to fetch data from a GitHub-hosted CSV file. The visualization is rendered as an interactive SVG with tooltips, styled via a custom configuration.

JJoshua-96
63% match
Loading thumbnail…

Untitled

This example displays bar charts of pedestrian traffic counts in Seoul districts, with buttons to switch between views by day of the week, time period, and age group. The visualization uses d3.v3 with SVG rendering, loading CSV data via d3.csv and sorting bars by descending count. It applies d3.scale.linear for the x-axis and d3.scale.ordinal with rangeRoundBands for the categorical y-axis.

JJIN-wj
63% match