Eyeonly

@Eyeonly·3 public vizzes

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

This bar chart displays population data for ten countries, with horizontal bars extending along a linear population scale and country names listed along the categorical axis. The visualization uses D3.js v7 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisLeft`/`axisBottom` for the axes. Population values from the CSV are multiplied by 1000, and bars are styled with a solid steelblue fill.

Jun 25, 2022

Loading thumbnail…

d3_test

This example renders a tower structure as a set of SVG lines and paths, with red outlines defining the tower’s profile and internal border levels. It shows how D3 line generators construct polygonal shapes from computed coordinate arrays, while a loop populates those arrays using a custom interpolation function to vary width at different heights. The visualization includes equipment placements (RF and MW) positioned relative to the tower’s tapered geometry, using D3 selections and attribute setters within a React setup, all rendered in an SVG canvas with a grey reference rectangle.

Jun 25, 2022

Loading thumbnail…

test1

This example displays the word "RIo!" centered on the page in large, bold text. It uses plain HTML and CSS to set the font size and alignment, with no JavaScript libraries or data visualization involved. The page is a minimal static rendering, serving as a starter template for integrating React in future iterations.

Jun 15, 2022