{"version":"1.0","type":"rich","title":"52. D3 Bar Chart Scales","description":"This example demonstrates a flexible, scalable bar chart built with D3.js (v4.5.0), using ordinal and linear scales to map a static dataset of 20 values to SVG rectangles. The chart uses `d3.scaleBand` for the x-axis positioning with padding and `d3.scaleLinear` for y-axis height, rendering bars and white value labels. The bars’ fill colors are dynamically computed from their values, creating a gradient from dark to light blue. The visualization appears static with no animation or interactions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f024251d646942c5a795aa121ab6a07b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}