d3 js power bi Bar Chart Best Practices Sankey Infographic

Data visualization infographic titled "Bar Chart Best Practices" using a SANKEY FLOW as the dominant visual element to show a trend-like pipeline from poor bar-chart decisions to stronger data-communication outcomes. Design a left-to-right flow with 5 sequential stages and clearly weighted streams: "Unclear Categories" -> "Basic Cleanup" -> "Readable Labels" -> "Honest Scale" -> "Actionable Comparison". Add a secondary red loss stream branching off at each stage for common mistakes: "Too Many Bars", "Truncated Axis", "Rainbow Colors", "Unsorted Order", "Cluttered Labels". Use realistic plausible illustrative values, explicitly labeled as illustrative: 100 illustrative charts entering the pipeline, then 82, 68, 54, 41 reaching each improved stage, with red branch losses of 18, 14, 14, 13. Include a subtle bottom time/progress guide with sharp English tick marks and labels: "Stage 1", "Stage 2", "Stage 3", "Stage 4", "Stage 5" to satisfy the storytelling angle of showing progression over time/stages. Render sharp axis labels and tick marks in English, with a clean quantitative scale for flow magnitude labeled "Illustrative chart count" and ticks at 0, 20, 40, 60, 80, 100. Add 4 key insight callouts with headline numbers, short interpretations, and small icons: "82%" + "clear category names improve scan speed" + tag icon; "68%" + "sorting bars strengthens comparisons" + ranking icon; "0 baseline" + "full axis prevents misleading magnitude" + ruler icon; "41 charts" + "best-practice charts deliver the clearest takeaway" + checkmark icon. Add small handwritten annotation arrows and circles around best-practice areas with English notes such as "start at zero", "sort for comparison", "limit clutter", "highlight the message". Include a compact mini legend in English: "Green = improved practice flow", "Red = dropped clarity from mistakes". Add a small SOURCE / DATA-NOTE strip in English at the bottom: "Data note: Illustrative example for design best practices. Figures are illustrative unless sourced by the user." Visual style: hand-annotated sketchnote, high-contrast red & green palette, off-white paper texture background, marker outlines, editorial margin notes, energetic but precise newsroom mood. Keep layout vector-clean and readable despite sketch styling. Include editorial data journalism illustration, FT / Bloomberg-grade chart aesthetics, vector-clean infographic layout. All text MUST be written in English (array). Every heading, label, caption, legend and metric name in the image must be in English — not English. Spell each English word correctly using English characters and diacritics. Numbers stay as digits, no fake authoritative sources cited, no watermarks Numbers labeled "illustrative" unless the user supplied specific sourced data. No fake authoritative sources cited (do not invent "Source: Reuters 2025" — use "Illustrative example" instead). No misleading axis truncation or scale manipulation.