Skip to main content
Log in
W

wenjinazhang

@wenjinazhang·5 public vizzes

Loading thumbnail…

Untitled

This example combines a bar chart and a line chart to compare Harry Kane’s English Premier League goals with his market value (in millions) from 2014 to 2020. The bars represent goals on the left y-axis, while the red line traces market value on the right y-axis, both plotted against years on the x-axis. Built with React and D3 v4, it uses `d3.scaleBand` and `d3.scaleLinear` for scales, `d3.axisLeft`, `d3.axisRight`, and `d3.axisBottom` for axes, and `d3.line` to generate the path. Data comes from the CSV file `harry_kane.csv`, rendered as SVG.

May 1, 2020
Loading thumbnail…

Untitled

This example uses a dual-axis line chart to compare the daily closing and opening prices of a financial dataset from April to May 2012. The SVG rendering is built with React and D3 v4, using scales such as `d3.scaleTime` and `d3.scaleLinear` along with `d3.line` and `d3.axisLeft`/`d3.axisRight`. Two paths are drawn: one steelblue line for `close` and a red line for `open`, each with its own y-axis scale. Data is loaded from a CSV file via `d3.csv` and parsed with `d3.timeParse`.

May 1, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in the center of a browser window, styled with a massive 13em font size. It demonstrates the minimal setup required for an HTML page within a visualization gallery. The code uses a simple HTML document with embedded CSS, setting the body text alignment and font size, and the content is rendered directly without any external libraries or data sources. It serves as a bare-bones starting point for more complex visualizations.

May 1, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in the center of a browser window, styled with a massive 13em font size. It demonstrates the minimal setup required for an HTML page within a visualization gallery. The code uses a simple HTML document with embedded CSS, setting the body text alignment and font size, and the content is rendered directly without any external libraries or data sources. It serves as a bare-bones starting point for more complex visualizations.

May 1, 2020
Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in the center of a browser window, styled with a massive 13em font size. It demonstrates the minimal setup required for an HTML page within a visualization gallery. The code uses a simple HTML document with embedded CSS, setting the body text alignment and font size, and the content is rendered directly without any external libraries or data sources. It serves as a bare-bones starting point for more complex visualizations.

May 1, 2020