{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/WQ8F3nLeBLnFrC6serUJ/h0Zm5lTfn78PvDG4Elmj/nG3dfWyFz.js"],
  "sourcesContent": ["// Generated by Framer (4d21961)\nexport default function metadata(params,activeLocale){return{breakpoints:[{hash:\"zdvsnb\",mediaQuery:\"(min-width: 1600px)\"},{hash:\"aeco2n\",mediaQuery:\"(min-width: 1200px) and (max-width: 1599px)\"},{hash:\"1aysu3q\",mediaQuery:\"(min-width: 810px) and (max-width: 1199px)\"},{hash:\"1ub0tjo\",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 Donut Chart Online For Free\",\\n  \"description\": \"Design stunning, interactive donut charts that highlight your data\\'s story in seconds \u2014 no design skills needed.\",\\n  \"image\": {\\n    \"@type\": \"ImageObject\",\\n    \"url\": \"https://framerusercontent.com/images/YFXYy6xzaQhB1B3kO3Y951Lqmx4.png\",\\n    \"height\": \"2064\",\\n    \"width\": \"1147\",\\n    \"caption\": \"Create beautiful donut charts 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. You can also use our Chrome Extension to import charts from other SaaS tools, making it easy to bring data from multiple sources into one view.\",\\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/donut-chart-maker#step1\",\\n      \"position\": 1\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Customize the design and add annotations\",\\n      \"text\": \"Personalize your donut charts 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/donut-chart-maker#step2\",\\n      \"position\": 2\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Invite your coworkers to collaborate\",\\n      \"text\": \"Share your donut chart 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/donut-chart-maker#step3\",\\n      \"position\": 3\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Export or embed your donut chart\",\\n      \"text\": \"Present your data live with a beautiful presenter mode or share your donut 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/KQEaB5mnVqFH1guVnoQsxsdYg.png?scale-down-to=1024\",\\n        \"height\": \"512\",\\n        \"width\": \"512\",\\n        \"caption\": \"Export and embed options\"\\n      },\\n      \"url\": \"https://graphy.app/graphs/donut-chart-maker#step4\",\\n      \"position\": 4\\n    }\\n  ],\\n  \"totalTime\": \"PT5M\",\\n  \"url\": \"https://graphy.app/graphs/donut-chart-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\": \"What is the difference between a pie chart and a donut chart?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"A donut chart is basically a pie chart with a hole in the middle - that\\'s really the only difference! While they show the same data, many people find donut charts more modern and easier to read. Plus, that empty space in the middle is perfect for adding a key number or label to highlight your main point.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"How do you turn a pie chart into a donut chart?\", \\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"It\\'s super easy in Graphy - when you\\'re making a chart, first select Pie from the Chart Type menu, then look for the \\\\\"Pie chart appearance\\\\\" setting just below. Simply click \\\\\"Donut chart\\\\\" instead of \\\\\"Pie chart\\\\\" and you\\'re all set! You can also customize your donut by toggling data labels and percentages on or off using the Style options.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"How to make a good donut chart?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"Keep it clean and simple - try to show no more than 5-6 categories max for best readability. Use contrasting colors that work well together, and consider ordering your segments from largest to smallest.\"\\n   }\\n }, {\\n   \"@type\": \"Question\",\\n   \"name\": \"When not to use a donut chart?\",\\n   \"acceptedAnswer\": {\\n     \"@type\": \"Answer\",\\n     \"text\": \"Skip the donut chart if you\\'re comparing more than 6 categories - it gets pretty hard to read at that point. Also, if your segments are very similar in size or you need to make precise comparisons between values, you might want to go with a bar chart instead. Donut charts are best for showing simple part-to-whole relationships.\"\\n   }\\n }]\\n}\\n</script>',customHTMLHeadStart:'<link rel=\"canonical\" href=\"https://graphy.app/graphs/donut-chart-maker\">\\n\\n',description:\"Design stunning, interactive donut charts that highlight your data\u2019s story in seconds \u2014 no design skills needed. Trusted by over 100,000 users.\\n\",elements:{aGw4zDwKy:\"story3\",cjIq64jEr:\"story2\",CPe1LCx8T:\"story1\",Ph1EzORay:\"screenshot\",PWkCrH6nb:\"story4\",Zj8DPo5E6:\"screenshot-1\"},framerSearch:{index:true},robots:\"max-image-preview:large\",serializationId:\"framer-aGynn\",socialImage:\"https://framerusercontent.com/assets/YFXYy6xzaQhB1B3kO3Y951Lqmx4.png\",title:\"Best Free Donut Chart 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,YAA+sJ,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,YAAm7D,oBAAoB;AAAA;AAAA,EAAgF,YAAY;AAAA,EAAoJ,SAAS,CAAC,UAAU,SAAS,UAAU,SAAS,UAAU,SAAS,UAAU,aAAa,UAAU,SAAS,UAAU,cAAc,EAAE,aAAa,CAAC,MAAM,EAAI,EAAE,OAAO,0BAA0B,gBAAgB,eAAe,YAAY,uEAAuE,MAAM,8CAA8C,SAAS,oBAAoB,CAAE,CAAQ,IAAMC,EAAgB,EACnoPC,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__"]
}