This creates bar charts with a simple animation and basic styling.
Try telex project here.
Prompt
Create a horizontal bar chart block that displays up to 10 data items with animated bars. In the editor, provide inline text inputs for chart title and label/value pairs with drag-and-drop reordering, add/remove buttons, and live preview. Include inspector controls with toggles for value display and scale visibility, animation duration slider, scale stagger controls, and auto/manual maximum value setting. Add styles panel with bar height and spacing dimension controls, color palette selector, and typography options in organized sections. Support three color modes: single color for all bars, automatic gradient spectrum, or individual custom colors per bar. Scale bars proportionally with the longest bar filling full container width. Display optional bottom scale with customizable increment markers. Animate bars growing from zero width with CSS staggered delays on page load. Frontend renders semantic horizontal bars with labels, conditional values, and scale markers. Include responsive mobile optimization, block alignment controls, ARIA accessibility labels, keyboard navigation support, and proper semantic HTML structure for screen readers.