Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

css practice

Public visualization

css practice

0 stars0🌍 Public
Ppanthabuddhi@gmail.com
Last edited Feb 9, 2024
Created on Feb 9, 2024

This example demonstrates a bar chart built entirely with CSS styling, where the visual properties of the bars are overwritten dynamically to reflect data values. It uses D3.js to bind data to DOM elements, while the bar heights and positioning are controlled through inline CSS styles rather than SVG or canvas rendering. The chart is rendered directly in an HTML file, with a minimalist approach that highlights how CSS can serve as the primary drawing mechanism. The code relies on D3's selection and data-join methods to update the elements.

AI-generated description

drawing barchart manually the css attribute overwrite the elements

Comments

Sign in to join the discussion.

MIT Licensed