Skip to main content
SimilarExport ZIP
100%

Final Project Import/Export Bar Graph

✓ Published0🌍 Public
Aahuynh8@dons.usfca.edu
Last edited Apr 12, 2024
Created on Apr 12, 2024

This chart displays U.S. grain exports and imports for the year 2023, with horizontal bars for each grain type plotted side-by-side against separate linear scales for exports and imports. Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load annual data from two remote CSV files, `d3.scaleBand` for the categorical axis, and `d3.scaleLinear` for the quantitative values. D3 legend and topojson libraries are also included, though the legend is not visibly used in the final rendering.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Final Project Chloropleth Map

This choropleth map visualizes 2023 barley exports to the US in thousands of metric tons, using a threshold color scale with five green shades to represent export ranges. The map renders country boundaries as SVG paths via `d3.geoPath` with a `d3.geoAlbers` projection, drawing from TopoJSON world-atlas data. Export values are loaded from a CSV and matched to country names, with a `d3.legendColor` legend displaying the categorical scale. The visualization relies on D3 v6 and the d3-legend plugin, with data encoded through `d3.scaleThreshold` and `d3.schemeGreens`.

Aahuynh8@dons.usfca.edu
77% match
Loading thumbnail…

Project

This scatter plot visualizes annual export values from 2000 to 2016, comparing shipments to the United States against those to China, with each point representing a country-year observation. The chart uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes with abbreviated number formatting, while circles are rendered via SVG. Data comes from a CSV file loaded with `d3.csv`, and the code explicitly converts six country columns to numeric values before plotting. Red, semi-transparent circles reveal overlapping data density, with labeled axes and a title indicating the export comparison.

Vveagy
75% match
Loading thumbnail…

Bar Chart

This bar chart displays weapon export values by country for 2017, sourced from a CSV file hosted on GitHub. The visualization uses D3 v4’s `scaleBand` and `scaleLinear` to map countries to the x-axis and values to the y-axis, with `axisBottom` and `axisLeft` generating the axes. Bars are rendered as SVG rectangles, and the chart includes labeled axes and a title. The code loads D3 via UNPKG and demonstrates importing from local ES6 modules.

Ppjdhungana@gmail.com
74% match
Loading thumbnail…

Project

This scatter plot visualizes worldwide export values to the United States and China from 2000 to 2016, with each circle representing a country’s annual exports. The data comes from a CSV file loaded via `d3.csv`, and the chart uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to render axes with abbreviated tick labels. Circles are drawn as SVG elements with a fixed radius, while axis labels and the title are added as SVG text. The visualization shows the relationship between exports to the two major economies, with overlapping red circles indicating similar values.

Vveagy
74% match
Loading thumbnail…

Final Project Time Scatter Plot

This scatter plot visualizes the weighted average price of barley, corn, oats, and sorghum over time, with each crop colored using a Tableau10 ordinal scale and a d3-legend legend. The visualization loads CSV data from a GitHub repository, groups it by crop type, and uses d3.scaleTime and d3.scaleLinear for the x- and y-axes. Circles are rendered via SVG with d3.csv, d3.group, and d3.extent, while axes and legends are generated using d3.axisBottom, d3.axisLeft, and d3.legendColor.

Aahuynh8@dons.usfca.edu
73% match
Loading thumbnail…

Interactive Graph

This interactive graph visualizes changes in U.S. import and export values across six commodity categories over multiple time periods. Users can switch between different data snapshots and toggle between imports and exports, with animated bar transitions updating the display. The visualization uses D3.js (v7) with SVG rendering, leveraging scales, axes, and transition methods to create smooth updates. The bar chart encodes values on a linear scale, and the code includes predefined datasets for each period.

CChuyang Xiao
73% match
Loading thumbnail…

Final Project

This visualization presents worldwide export data from 2000–2016 as an animated scatterplot, with each circle representing a country and colored by indicator category. Users can dynamically switch the x- and y-axis metrics via dropdown menus, and clicking the color legend highlights or dims categories. The plot uses d3.scaleLinear for axes, d3.scaleOrdinal with schemeCategory10 for colors, and transitions each circle’s radius from 0 to 10 over two seconds with staggered delays. A hover tooltip displays the reporter country name, while SVG rendering updates axes and legend selections.

Vveagy
73% match
Loading thumbnail…

Assignment 2.1

A horizontal bar chart displays weapon export values for six countries in 2017, using a linear scale for the numeric count and a band scale for country categories. The SVG rendering loads data from a local CSV file and builds the visualization with D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format`. Axis ticks extend across the plot, while red axis labels, green bars, and a styled title demonstrate custom color and font adjustments. The example also showcases ES6 module imports and D3 loaded via UNPKG.

Ppjdhungana@gmail.com
72% match