{"version":"1.0","type":"rich","title":"Vertical slider","description":"This example demonstrates a vertical slider widget built with D3 v5 and the d3-simple-slider library. It displays a percentage value (formatted to two decimal places) that users can adjust by dragging the slider handle along a vertical track. The slider is rendered as an SVG element inside a Bootstrap container, with tick marks and labels generated using d3.format and custom tick specifications. The code initializes the slider using d3.sliderLeft(), sets its min/max range from a predefined data array, and updates a paragraph element on each change event.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f206924e0ab5476183a5176695f701b8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}