{"version":"1.0","type":"rich","title":"Magnitude as a position","description":"This example shows a horizontal bar chart where each bar’s position along the x-axis encodes both the sign and magnitude of a numeric value: positive values extend to the right of a central zero line in blue, while negative values extend to the left in brown. The chart reads data from a tab-separated file and renders it using D3.js with SVG, applying a linear x-scale for magnitude, an ordinal y-scale for categorical names, and a top-oriented axis. Bar lengths are computed as the absolute difference between the value’s position and the zero position, and styling is handled via CSS classes. The axis line is drawn explicitly at the zero mark.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-2cb911e07b96b852002f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}