gstriker050

@gstriker050·3 public vizzes

Country Population

This bar chart displays the population of ten countries, sorted by country name on the y-axis and population count on the x-axis. Using D3 v5, the code loads data from a CSV file, scales values, and renders SVG rectangles. It employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft` and `axisBottom` for tick marks. The visualization is generated through D3’s declarative selection and data-binding methods.

Apr 17, 2020

Loading thumbnail…

Cars report

This example displays the text “Hello HTML” in a large, bold style, centered on a plain white page. It demonstrates a minimal React starter setup, with the content rendered directly into an HTML file. The visualization uses no external libraries or data sources, relying solely on basic HTML and CSS for its layout and styling. It serves as a bare-bones starting point for building more complex React-based visualizations.

Apr 17, 2020

Loading thumbnail…

Let's make a face with D3.js!

This example demonstrates fundamental DOM manipulation and animation with D3.js by constructing a smiling face from SVG shapes. The code draws a yellow circular head, two eyes, and a mouth using an arc, then animates the eyebrows by moving a group element up and down. It uses `d3.select` to target the SVG, appends shape elements, and chains `transition().duration(2000)` calls to create the looping eyebrow movement. The rendering approach is SVG output, with all logic contained in a single JavaScript file.

Apr 14, 2020