{"version":"1.0","type":"rich","title":"A10 - Black Hat & White Hat Visualization","description":"This example presents contrasting pairs of data visualizations, where a “black hat” version intentionally distorts data through misleading scales and truncated axes, while a “white hat” version corrects these issues for accurate representation. The project showcases four parts, including a redesigned boxplot assignment, and embeds multiple interactive charts within a single HTML page using React. The visualizations are built with D3.js, leveraging its data-binding and SVG rendering capabilities to create both the flawed and corrected charts, with links to each interactive version hosted on VizHub.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c59e7fb70c4b4fd98e9c4d5e022497eb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}