# Stacked Bar Chart Generator Generate interactive stacked bar charts to visualize categorical data composition, perfect for comparing multiple data series across categories > Canonical page: https://elysiatools.com/en/tools/stacked-bar-chart - **Category:** Data Visualization - **Keywords:** stacked bar chart, comparison chart, data composition, categorical data, multi-series, percentage chart, data visualization ## Overview The Stacked Bar Chart Generator allows you to create interactive, professional-grade charts to visualize the composition of categorical data across multiple series. It is an ideal tool for comparing part-to-whole relationships and tracking trends across different categories with ease. ## Inputs - **Chart Data** (textarea): Data for the stacked bar chart in JSON format with category, series, and value fields - **Chart Title** (text): Title that will be displayed above the chart - **Color Scheme** (select): Select color scheme - **Custom Colors** (textarea): JSON array of hex colors (requires Custom Colors selection) - **Value Format** (select): Select value format - **Chart Height** (number): Height of the chart in pixels (min: 300, max: 800) - **Bar Spacing** (number): Spacing between bars (0.1 - 0.5) - **Background Color** (color): Background color for the chart container - **Show Values on Bars** (checkbox): Display values or percentages on the bars - **Show Legend** (checkbox): Display color legend for series - **Show Grid Lines** (checkbox): Display horizontal grid lines - **Show Animation** (checkbox): Animate bars when chart loads - **Show Percentages** (checkbox): Show percentages instead of values on bars - **Enable Tooltips** (checkbox): Show detailed information on hover ## When to use - When you need to compare the total values of different categories while showing the breakdown of sub-groups. - When you want to visualize how the composition of a specific metric changes across time periods or groups. - When you need to present complex multi-series data in a clean, interactive format for reports or presentations. ## How it works - Input your data in the required JSON format, specifying the category, series name, and corresponding value for each data point. - Customize the chart appearance by selecting a color scheme, adjusting the chart height, and toggling display options like grid lines or legends. - Choose your preferred value format, such as currency or percentage, to ensure the data is presented clearly. - Generate the interactive chart to view, hover for tooltips, or export for your project. ## Use cases - Visualizing quarterly sales performance broken down by individual product lines. - Comparing the demographic composition of different customer segments across regions. - Tracking budget allocation across various departments over multiple fiscal years. ## Frequently asked questions ### What data format is required? The tool requires a JSON array of objects, where each object contains 'category', 'series', and 'value' keys. ### Can I use custom colors for my chart? Yes, select 'Custom Colors' in the color scheme dropdown and provide a JSON array of hex color codes. ### Does the chart support percentages? Yes, you can toggle the 'Show Percentages' option to display the relative contribution of each segment instead of raw values. ### Are the generated charts interactive? Yes, the charts include hover-enabled tooltips to display detailed information for each segment. ### Can I adjust the size of the chart? Yes, you can specify the chart height in pixels, ranging from 300 to 800 pixels. ## Related tools - [Bar Chart Generator](https://elysiatools.com/en/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Bubble Chart Generator](https://elysiatools.com/en/tools/bubble-chart-generator): Generate customizable bubble charts from data with three dimensions (x, y, size) - [Donut Chart Generator](https://elysiatools.com/en/tools/donut-chart-generator): Generate customizable donut charts (ring charts) from data with various styling options, perfect for showing proportions with a central space - [Funnel Chart Generator](https://elysiatools.com/en/tools/funnel-chart-generator): Generate customizable funnel charts from data, perfect for showing conversion rates, sales pipelines, and process flows - [Gauge Chart Generator](https://elysiatools.com/en/tools/gauge-chart-generator): Generate customizable gauge charts (speedometer charts) from data, perfect for displaying KPIs, metrics, and performance indicators - [Heatmap Generator](https://elysiatools.com/en/tools/heatmap-generator): Generate customizable heatmaps from data, perfect for visualizing data density, correlations, and patterns - [Pictograph Generator](https://elysiatools.com/en/tools/pictograph-generator): Create pictographs using icons/symbols to represent quantities with customizable icons, colors, and layouts - [Pie Chart Generator](https://elysiatools.com/en/tools/pie-chart-generator): Generate customizable pie charts from data with various styling options ## Samples - [Grafana Advanced Application Samples](https://elysiatools.com/en/samples/grafana-samples): Comprehensive Grafana samples covering advanced dashboard design, alerting configurations, data source integrations, and plugin development - [D3.js Data Visualization Samples](https://elysiatools.com/en/samples/d3js-data-visualization): Comprehensive D3.js data visualization examples including charts, maps, animations, and interactive visualizations - [QR Code Samples](https://elysiatools.com/en/samples/qrcode-samples): Sample QR code images for testing QR code reading and generation tools - [ELK Stack Log Analysis Samples](https://elysiatools.com/en/samples/elk-stack-samples): Comprehensive ELK Stack (Elasticsearch, Logstash, Kibana) samples for log aggregation, processing, and visualization in distributed systems ## Related content - [Chart and Diagram Generators](https://elysiatools.com/en/hubs/chart-diagram-generators): Generate bar, line, pie, donut, scatter, radar, Gantt, Sankey, heatmap, funnel, treemap, and dozens more charts and diagrams from your own data in one visualization hub. - [JSON Interchange and Format Translation Tools](https://elysiatools.com/en/hubs/json-convert): Compare JSON conversion tools for CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN, and related structured formats in one hub. - [JSON Inspection, Diff, and Transformation Tools](https://elysiatools.com/en/hubs/json-utility): Compare JSON formatting, diffing, path inspection, schema validation, merging, transformation, and export tools in one hub for API and data workflows. - [JSON Schema, Mock Data, and API Fixture Generators](https://elysiatools.com/en/hubs/json-generate): Curated tools for JSON schema generation, mock payload building, and API fixture preparation in one hub.