Skip to main content
Log in
E

ErichOh

@ErichOh·5 public vizzes

Loading thumbnail…

Customizing Axes

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, using population values multiplied by 1000. The visualization emphasizes customized axes: the left axis removes domain and tick lines, while the bottom axis uses a tick format that converts gigabytes to billions. Built with D3 v5, it employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG chart, with styled tick text, axis labels, and a title defined in CSS.

Nov 25, 2020
Loading thumbnail…

Customizing Axes

This bar chart displays the top 10 most populous countries based on 2018 United Nations estimates, using population values multiplied by 1000. The visualization emphasizes customized axes: the left axis removes domain and tick lines, while the bottom axis uses a tick format that converts gigabytes to billions. Built with D3 v5, it employs `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG chart, with styled tick text, axis labels, and a title defined in CSS.

Nov 25, 2020
Loading thumbnail…

Cars Report

This interactive dashboard presents a report on automobile data, displaying a grid of vehicle images alongside associated metrics such as price and specifications. Built with React, the visualization uses a force-directed layout to position the car images, likely employing `d3-force` for simulation. User interactions, such as hovering or clicking, reveal detailed information for each car. The interface pulls data from a structured source and renders it through standard DOM elements, offering a clear, gallery-style overview of the cars dataset.

Nov 25, 2020
Loading thumbnail…

Cars Report

This example presents an interactive report on automobile data, showing how different car attributes relate to one another. The visualization uses a force-directed graph layout powered by `d3.forceSimulation` to position nodes representing individual car models, with links connecting them based on shared characteristics. The underlying dataset appears to be a classic cars dataset, rendered through a React-based application where the graph is drawn using SVG elements managed by D3’s selection and simulation APIs. The interface likely allows users to explore clustering and connections within the car dataset.

Nov 25, 2020
Loading thumbnail…

Cars Report

This example displays a bare-bones HTML page titled "Cars Report" that renders the text “Hello HTML” in oversized, centered 13em type. It demonstrates the basic structure of a web page using vanilla HTML and CSS, with a separate inline JavaScript block that logs “Hello JavaScript!” to the browser’s developer tools console. The code uses no external libraries or data sources, serving instead as a minimal starting point for integrating React or other frameworks, as referenced by the accompanying React Starter link.

Nov 25, 2020