DoctorSQL

@DoctorSQL·2 public vizzes

Making a bar chart

This example displays a bar chart, rendering data as a series of vertical bars inside an SVG element. The visualization is generated using the D3.js library, specifically through the `d3.select` and `d3.csv` functions, with the chart's dimensions derived from the SVG's width and height attributes. The bar chart is constructed by manipulating SVG elements, and the code imports the necessary D3 functions directly from the `d3` module. The styling is managed by an external stylesheet, while the chart's drawing logic resides in a separate JavaScript bundle. The data is not visible in the provided code, only the chart's structure and rendering approach.

Jun 14, 2021

Loading thumbnail…

Fork of Hello VizHub-20210614

This example demonstrates a basic D3.js setup that selects a specific HTML element and modifies its text content. The visualization shows a simple message, "Hello VizHub!", displayed prominently in the center of the page with large font styling. The code imports the `select` function from D3 v5 and also uses a local ES6 module to provide the message string. The rendering approach relies on direct DOM manipulation through D3’s selection API, with styling handled by an external CSS file.

Jun 14, 2021