{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/v0Qkq6DEiKrHyEXenBmZ/oNWfD0iNHJMruHZSQ8t2/b9Cydq8C7.js"],
  "sourcesContent": ["// Generated by Framer (4d21961)\nexport default function metadata(params,activeLocale){return{breakpoints:[{hash:\"oh17jr\",mediaQuery:\"(min-width: 1600px)\"},{hash:\"l304iw\",mediaQuery:\"(min-width: 1200px) and (max-width: 1599px)\"},{hash:\"167w39x\",mediaQuery:\"(min-width: 810px) and (max-width: 1199px)\"},{hash:\"1lzj9qt\",mediaQuery:\"(max-width: 809px)\"}],customHTMLBodyEnd:'<script type=\"application/ld+json\">\\n{\\n  \"@context\": \"https://schema.org\",\\n  \"@type\": \"HowTo\",\\n  \"name\": \"How to Create a Stacked Bar Graph Online For Free\",\\n  \"description\": \"Design stunning, interactive stacked bar graphs that highlight your data\\'s story in seconds \u2014 no design skills needed.\",\\n  \"image\": {\\n    \"@type\": \"ImageObject\",\\n    \"url\": \"https://framerusercontent.com/images/LsjaN2jqDonGn2F4NvlO1byo.png\",\\n    \"height\": \"2064\",\\n    \"width\": \"1147\",\\n    \"caption\": \"Create beautiful stacked bar graphs with Graphy\"\\n  },\\n  \"estimatedCost\": {\\n    \"@type\": \"MonetaryAmount\",\\n    \"currency\": \"USD\",\\n    \"value\": \"0\"\\n  },\\n  \"tool\": {\\n    \"@type\": \"HowToTool\",\\n    \"name\": \"Graphy\"\\n  },\\n  \"supply\": [\\n    {\\n      \"@type\": \"HowToSupply\",\\n      \"name\": \"Dataset\",\\n      \"description\": \"Your data in CSV, Excel, or other supported formats\"\\n    }\\n  ],\\n  \"step\": [\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Upload or paste your data\",\\n      \"text\": \"Add your data by typing directly into the data table or copying from tools like Google Sheets or Excel. Graphy even supports directly connecting to Google Sheets for data syncing.\",\\n      \"image\": {\\n        \"@type\": \"ImageObject\",\\n        \"url\": \"https://framerusercontent.com/images/MITOO9WTLsxOJP4Ie9HrG8EEiM.png\",\\n        \"height\": \"512\",\\n        \"width\": \"485\",\\n        \"caption\": \"Data upload interface in Graphy\"\\n      },\\n      \"url\": \"https://graphy.app/graphs/stacked-bar-graph-maker#step1\",\\n      \"position\": 1\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Customize the design and add annotations\",\\n      \"text\": \"Personalize your stacked bar graphs with themes, custom colors, and powerful annotations to highlight key insights. Add elements like headline numbers, trend lines, and goal markers to make your data more meaningful and engaging.\",\\n      \"image\": {\\n        \"@type\": \"ImageObject\",\\n        \"url\": \"https://framerusercontent.com/images/Or4jy06S6mUtu3ObPS4VXgsJqTM.png\",\\n        \"height\": \"960\",\\n        \"width\": \"910\",\\n        \"caption\": \"Pie chart customization options\"\\n      },\\n      \"url\": \"https://graphy.app/graphs/stacked-bar-graph-maker#step2\",\\n      \"position\": 2\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Invite your coworkers to collaborate\",\\n      \"text\": \"Share your stacked bar graph projects with team members for real-time collaboration and feedback. Give your colleagues access to view, edit, and contribute to your visualizations.\",\\n      \"image\": {\\n        \"@type\": \"ImageObject\",\\n        \"url\": \"https://framerusercontent.com/images/DyCvQIXg0aQY6p4Kx5biYtRRGKg.png\",\\n        \"height\": \"512\",\\n        \"width\": \"512\",\\n        \"caption\": \"Collaboration sharing interface\"\\n      },\\n      \"url\": \"https://graphy.app/graphs/stacked-bar-graph-maker#step3\",\\n      \"position\": 3\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Export or embed your double bar graph\",\\n      \"text\": \"Present your data live with a beautiful presenter mode or share your bar chart through interactive embeds in tools like Notion, Canva, or ClickUp. Export high-quality versions of your charts as images for use in presentations or reports.\",\\n      \"image\": {\\n        \"@type\": \"ImageObject\",\\n        \"url\": \"https://framerusercontent.com/images/MVGmmBq67QWSAkuIPsLjFM6Ywc4.png?scale-down-to=1024\",\\n        \"height\": \"512\",\\n        \"width\": \"512\",\\n        \"caption\": \"Export and embed options\"\\n      },\\n      \"url\": \"https://graphy.app/graphs/stacked-bar-graph-maker#step4\",\\n      \"position\": 4\\n    }\\n  ],\\n  \"totalTime\": \"PT5M\",\\n  \"url\": \"https://graphy.app/graphs/stacked-bar-graph-maker\",\\n  \"aggregateRating\": {\\n    \"@type\": \"AggregateRating\",\\n    \"ratingValue\": \"5\",\\n    \"ratingCount\": \"32\",\\n    \"bestRating\": \"5\",\\n    \"worstRating\": \"1\"\\n  },\\n  \"review\": [\\n    {\\n      \"@type\": \"Review\",\\n      \"reviewRating\": {\\n        \"@type\": \"Rating\",\\n        \"ratingValue\": \"5\"\\n      },\\n      \"author\": {\\n        \"@type\": \"Person\",\\n        \"name\": \"Cindy Ibanez\",\\n        \"jobTitle\": \"Global Head of Marketing\",\\n        \"worksFor\": {\\n          \"@type\": \"Organization\",\\n          \"name\": \"Wynwood House\"\\n        }\\n      },\\n      \"reviewBody\": \"Thanks to Graphy 5 days of reporting were done in 4 hours. My team were in love! They were like, oh my God, what is this, this is the future!\"\\n    },\\n    {\\n      \"@type\": \"Review\",\\n      \"reviewRating\": {\\n        \"@type\": \"Rating\",\\n        \"ratingValue\": \"5\"\\n      },\\n      \"author\": {\\n        \"@type\": \"Person\",\\n        \"name\": \"Guillermo Rauch\",\\n        \"jobTitle\": \"CEO\",\\n        \"worksFor\": {\\n          \"@type\": \"Organization\",\\n          \"name\": \"Vercel\"\\n        }\\n      },\\n      \"reviewBody\": \"Stunning product.\"\\n    }\\n  ]\\n}\\n</script>',customHTMLBodyStart:'<script type=\"application/ld+json\">\\n{\\n \"@context\": \"https://schema.org\",\\n \"@type\": \"FAQPage\",\\n \"mainEntity\": [{\\n   \"@type\": \"Question\",\\n   \"name\": \"When should a stacked bar chart be used?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"Use a stacked bar chart when you want to show how different parts make up a whole while tracking overall totals. They\\'re perfect for comparing composition across categories or time periods.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"What are the disadvantages of a stacked bar chart?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\", \\n     \"text\": \"They can get messy with too many categories, and it\\'s tough to compare segments that aren\\'t at the same height of the stack. Plus, small segments might be hard to spot or label clearly.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"What is the difference between stacked and grouped bar charts?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"Stacked bars show parts of a whole by piling segments on top of each other, while grouped bars place related bars side-by-side \u2013 making it easier to compare individual categories but harder to see totals.\"\\n   }\\n }, {\\n   \"@type\": \"Question\", \\n   \"name\": \"Why would one use a stacked bar chart instead of a pie chart?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"Stacked bars are better at showing changes over time and handling multiple categories, plus they make it way easier to compare totals across groups \u2013 something pie charts struggle with.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"What is another name for a stacked bar chart?\", \\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"They\\'re sometimes called stacked column charts (when vertical) or accumulated bar charts.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"When to use a 100% stacked bar chart?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"Go for 100% stacked bars when you care more about proportions than absolute values \u2013 like showing market share percentages or comparing composition across different-sized groups.\"\\n   }\\n }]\\n}\\n</script>',customHTMLHeadStart:'<link rel=\"canonical\" href=\"https://graphy.app/graphs/stacked-bar-graph-maker\">\\n\\n',description:\"Design stunning, interactive stacked bar graphs that highlight your data\u2019s story in seconds \u2014 no design skills needed. Trusted by over 100,000 users.\",elements:{pt8t6iBgH:\"screenshot\",qxRjjnDei:\"screenshot-1\",sv16YhwdW:\"minifesto\",TmOj0_OXi:\"story3\",tSYNl9cXV:\"story1\",tXA93yFcu:\"story4\",ZdAtzx14r:\"story2\"},framerSearch:{index:true},robots:\"max-image-preview:large\",serializationId:\"framer-Itzzk\",socialImage:\"https://framerusercontent.com/assets/LsjaN2jqDonGn2F4NvlO1byo.png\",title:\"Best Free Stacked Bar Graph Maker Online - Graphy\",viewport:\"width=device-width\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "AACe,SAARA,EAA0BC,EAAOC,EAAa,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,SAAS,WAAW,qBAAqB,EAAE,CAAC,KAAK,SAAS,WAAW,6CAA6C,EAAE,CAAC,KAAK,UAAU,WAAW,4CAA4C,EAAE,CAAC,KAAK,UAAU,WAAW,oBAAoB,CAAC,EAAE,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAysJ,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAsoE,oBAAoB;AAAA;AAAA,EAAsF,YAAY,kKAAwJ,SAAS,CAAC,UAAU,aAAa,UAAU,eAAe,UAAU,YAAY,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS,UAAU,QAAQ,EAAE,aAAa,CAAC,MAAM,EAAI,EAAE,OAAO,0BAA0B,gBAAgB,eAAe,YAAY,oEAAoE,MAAM,oDAAoD,SAAS,oBAAoB,CAAE,CAAQ,IAAMC,EAAgB,EACn3PC,EAAqB,CAAC,QAAU,CAAC,QAAU,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAG,CAAC,EAAE,gBAAkB,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAG,CAAC,EAAE,mBAAqB,CAAC,KAAO,UAAU,CAAC,CAAC",
  "names": ["metadata", "params", "activeLocale", "metadataVersion", "__FramerMetadata__"]
}