Bar chart of Port

100%

Bar chart of Port

✓ Published0🌍 Public

Last edited Jan 13, 2021

Created on Jan 12, 2021

This bar chart compares the total number of passengers entering and leaving various airports and harbors in Taiwan across different years. Users can switch between years, sort the bars by name or passenger count, and optionally remove Taoyuan Airport's data. The visualization uses D3.js v5 with SVG rendering, employing d3.scaleBand and d3.scaleLinear for positioning. Data is loaded from a CSV file via d3.csv and processed with array methods.

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…

Iris Scatter Plot

This visualization displays monthly出入境 (immigration and emigration) passenger totals across 29 Taiwanese airports and harbors from 2015 onward, using a multi-line chart. Users toggle individual locations via checkboxes to add or remove their corresponding time-series lines, while a shared y-axis scales dynamically to the selected data range. The chart is built with D3 v5, using `d3.scaleTime` and `d3.line` for path generation, `d3.axisBottom` and `d3.axisLeft` for axes, and SVG rendering.

Ddrean205287

73% match

Loading thumbnail…

Project

This interactive dashboard visualizes Taiwanese outbound traveler flows by country and month, using animated bar charts to show passenger volumes for specific airports or seaports. Users filter by year, transport mode (airplane or ship), and individual countries across continents, with a month slider and sorting options for distance or quantity. Built with React and D3.js, the project renders SVG bar charts that update dynamically, pulling data from a CSV file containing annual and monthly travel statistics for destinations across Asia, the Americas, Europe, and Oceania. The interface also provides a slider to scrub through months and a dropdown to sort results, enabling comparative analysis of travel patterns over time.

TTimmyLu

73% match

Loading thumbnail…

Bar Chart

This bar chart visualizes passenger volumes by region for San Francisco Airport, showing that the US dominates with over 487 million passengers, followed by Asia and Europe. Built with D3 v5 and SVG, the visualization uses `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with data loaded from a CSV file via `d3.csv`. The chart features purple bars that turn brown on hover, with axis labels applied through `d3.axisBottom` and `d3.axisLeft`.

Pphemmati

70% match

Loading thumbnail…

airports

This bar chart displays airport data from a CSV file, listing airport codes along the y-axis and their population values along the x-axis. The visualization uses D3 v7 to load the data, create linear and band scales, and render axes using D3's axis functions. The chart is drawn with SVG elements, where each rectangular bar is filled with a steel-blue color, and the SVG canvas is set to 960 by 400 pixels. The code converts population strings to numbers before rendering the scaled bars.

YYi Changsheng

69% match

Loading thumbnail…

Taiwanese Internatiobal Trade

A bar chart displays Taiwan's total trade values for various countries across years, with a horizontal timeline above it. Users hover over circles representing years from 2001 to 2019 to update the chart, triggering a smooth transition as the bars and axes animate to reflect the selected year's data. The visualization uses D3.js v4 with SVG rendering, employing scales, axes, and transition methods such as `transition().duration()` to animate changes. The code loads CSV data from a GitHub raw URL and renders in React, though the primary implementation is in plain JavaScript.

Ssgalhamdani

68% match

Loading thumbnail…

Monthly Passenger Count for Year 2019

This grouped bar chart shows monthly air passenger counts for 2019, split by domestic and international flights. The visualization uses d3.nest to aggregate the CSV data by date and geography, then renders two bars per month with d3.scaleBand and d3.scaleLinear. Axes are formatted with d3.axisBottom and d3.axisLeft, while a d3.scaleOrdinal color scale distinguishes the two categories. Data comes from DataSF’s Air Traffic Passenger Statistics dataset.

Mmab3105

68% match

Loading thumbnail…

CS360 FINAL PROJECT Bar Chart Darren Dunn

This bar chart displays the average monthly passenger counts for airlines operating out of San Francisco in 2021, sorted vertically by airline name. The visualization uses d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis, rendering horizontal bars as SVG rectangles. Data is loaded asynchronously via d3.tsv from a remote GitHub gist, with axis labels and tick marks generated using d3.axisBottom and d3.axisLeft. Bar color is a uniform dark teal, and the chart includes rotated x-axis labels for readability.

Ddarrenisdunn

67% match

Loading thumbnail…

Monthly Passenger Count for Year 2019

This grouped bar chart shows monthly passenger counts for domestic and international flights at San Francisco airport in 2019. The visualization uses d3.nest() to aggregate and group the CSV data by month and flight type, with d3.scaleBand for the x-axis and d3.scaleLinear for the y-axis. Bars are rendered as SVG rects with color encoding via d3.scaleOrdinal, and axes use d3.axisBottom and d3.axisLeft with custom time and count formatters. Data comes from DataSF’s Air Traffic Passenger Statistics dataset.

NNikhil Bhutani

67% match