YINGNAN DENG

@Southwindlin·3 public vizzes

Customizing Axes

This bar chart displays the population of the top 10 most populous countries using 2018 data from the United Nations World Population Prospects. It showcases customized D3 axes, with a linear scale for population on the x-axis and a band scale for country names on the y-axis. The chart uses `d3.axisBottom` and `d3.axisLeft` to generate axes, with custom tick formatting that converts large numbers to abbreviations. The `.tick line` and `.domain` elements are selectively removed to clean up the visual layout, while SVG text elements add titles and axis labels.

Oct 2, 2020

Loading thumbnail…

Running Total of TMDb Movies by Year

This visualization shows the cumulative running total of TMDb movies by year, with blue bars representing the growing count from 1884 to 2010. The chart uses a band scale for the x-axis and a linear scale for the y-axis, rendering rectangles whose heights correspond to the running totals. Built with React and D3.js, it employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisLeft`/`d3.axisBottom` to structure the SVG output. Data is loaded from a CSV file and parsed dynamically, with every fifth year labeled on the axis.

Sep 30, 2020

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” in the center of the page at an extremely large font size, with a matching “Hello JavaScript!” message output to the browser console. It uses only the core HTML, CSS, and JavaScript APIs—no external libraries—to demonstrate a minimal starter template. The CSS `text-align` property centers the content, while the embedded script calls `console.log` to show how to execute code in the developer tools. The rendering approach is plain HTML element styling, with no data sources or visualization techniques involved.

Sep 30, 2020