Xzou0011

@Xzou0011·4 public vizzes

Untitled

This visualization shows population trends over time for various world regions, using colored lines to represent each region across a timeline from 1950 to 2100. The chart displays the data with a time-scaled x-axis and a linear y-axis for population values. Built with D3 v4, the code utilizes `d3.csv` to load data, `d3.nest` for grouping by region, and `d3.line` to generate the paths. The visualization applies a color legend via a custom `colorLegend` module and incorporates axis labels and gridlines for readability.

Jun 4, 2022

Loading thumbnail…

FIT5147 S1 2022 - DVP Project

This example presents a geographic visualization of data related to butterfly observations and crime routes in Victoria. It displays circles on a map representing locations, with circle radius and color (red or green) indicating butterfly counts, while blue lines depict routes with stroke width proportional to usage. The visualization uses D3.js v4 to load JSON data and render SVG elements, with interactive tooltips that appear on mouseover events. The tooltip provides detailed information about each location or route, including names, counts, and region identifiers.

Jun 4, 2022

Loading thumbnail…

Fork of Let's make a Bar Graph with D3.js

This example shows a horizontal bar chart ranking the populations of ten countries, using data loaded from a CSV file. The visualization maps population values to bar widths via a linear scale and country names to band positions on the y-axis. Built with D3 v7, the code uses `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render SVG rectangles and axes. The bars are styled with a steelblue fill, and the chart is drawn within an SVG canvas sized 960 by 500 pixels.

Jun 4, 2022

Loading thumbnail…

Fork of HTML Starter

This example displays the message “Hello HTML!” centered on the page with a large font size. It uses plain HTML, CSS, and JavaScript, with a `.message` div styled via an inline stylesheet. The page is a minimal starter template, demonstrating the fundamental structure of a web page without any external libraries or frameworks.

Jun 4, 2022