{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/PtWkPQftevyd25UeLldf/cWrrSWuAU2zkPRi6zYAi/Wam0VWI2L.js"],
  "sourcesContent": ["// Generated by Framer (4d21961)\nexport default function metadata(params,activeLocale){return{breakpoints:[{hash:\"15d79cq\",mediaQuery:\"(min-width: 1600px)\"},{hash:\"149qi01\",mediaQuery:\"(min-width: 1200px) and (max-width: 1599px)\"},{hash:\"csbmms\",mediaQuery:\"(min-width: 810px) and (max-width: 1199px)\"},{hash:\"3vkc3k\",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 Bar and Line Graph Online For Free\",\\n  \"description\": \"Design stunning, interactive bar and line 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/aLBdlFFU264MlSo2Z2PZo6NeCI.png\",\\n    \"height\": \"2064\",\\n    \"width\": \"1147\",\\n    \"caption\": \"Create beautiful line and 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/bar-and-line-graph-maker#step1\",\\n      \"position\": 1\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Customize the design and add annotations\",\\n      \"text\": \"Personalize your bar and line 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/bar-and-line-graph-maker#step2\",\\n      \"position\": 2\\n    },\\n    {\\n      \"@type\": \"HowToStep\",\\n      \"name\": \"Invite your coworkers to collaborate\",\\n      \"text\": \"Share your bar and line 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/bar-and-line-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 and line 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/bar-and-line-graph-maker#step4\",\\n      \"position\": 4\\n    }\\n  ],\\n  \"totalTime\": \"PT5M\",\\n  \"url\": \"https://graphy.app/graphs/bar-and-line-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    {\\n      \"@type\": \"Question\",\\n      \"name\": \"What are the similarities between a bar graph and a line graph?\",\\n      \"acceptedAnswer\": {\\n        \"@type\": \"Answer\",\\n        \"text\": \"Both bar and line graphs work with the same basic x and y axes setup to show how data changes. They can both display changes over time and use the same scale for measurements. And since they share these basic principles, they actually work really well together - which brings us to how you can combine them...\"\\n      }\\n    },\\n    {\\n      \"@type\": \"Question\",\\n      \"name\": \"How do I combine two data in one chart?\",\\n      \"acceptedAnswer\": {\\n        \"@type\": \"Answer\",\\n        \"text\": \"Tools like Graphy make this easy - just paste your data directly, upload an Excel file, or connect to Google Sheets, then choose how you want each dataset displayed (bars, lines, or both), and customize the design to make your insights stand out. Graphy also lets you add elements like trend lines or goal markers to enhance your bar and line graph.\"\\n      }\\n    },\\n    {\\n      \"@type\": \"Question\",\\n      \"name\": \"What is a combo graph?\",\\n      \"acceptedAnswer\": {\\n        \"@type\": \"Answer\",\\n        \"text\": \"A combo graph is just a fancy way of saying you\\'re mixing two different chart types in one visualization. Think of it like a data sandwich \u2013 you\\'re layering different types of charts together to tell a more complete story. The most common type is when you combine bars and lines using two different scales.\"\\n      }\\n    },\\n    {\\n      \"@type\": \"Question\",\\n      \"name\": \"What is a dual combination chart?\",\\n      \"acceptedAnswer\": {\\n        \"@type\": \"Answer\",\\n        \"text\": \"This is actually the most popular kind of combo graph we just talked about. It uses two different y-axes (one on each side) to handle different scales, while the bars and line are overlaid in the same space. Perfect for comparing things like quantities against percentages.\"\\n      }\\n    }\\n  ]\\n}\\n</script>',customHTMLHeadStart:'<link rel=\"canonical\" href=\"https://graphy.app/graphs/bar-and-line-graph-maker\">\\n\\n',description:\"Design stunning, interactive bar and line graphs that highlight your data\u2019s story in seconds \u2014 no design skills needed. Trusted by over 100,000 users.\",elements:{g3d2u9zUK:\"story2\",gux7Z2uOw:\"story4\",jQpvLqGrw:\"screenshot-1\",nuEfaRGXL:\"minifesto\",PoPbg4Lzn:\"screenshot\",QfQfexllZ:\"story3\",WXsyiei_N:\"story1\"},framerSearch:{index:true},robots:\"max-image-preview:large\",serializationId:\"framer-RrEDY\",socialImage:\"https://framerusercontent.com/assets/aLBdlFFU264MlSo2Z2PZo6NeCI.png\",title:\"Best Free Bar & Line 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,UAAU,WAAW,qBAAqB,EAAE,CAAC,KAAK,UAAU,WAAW,6CAA6C,EAAE,CAAC,KAAK,SAAS,WAAW,4CAA4C,EAAE,CAAC,KAAK,SAAS,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,YAA8tJ,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,YAAskE,oBAAoB;AAAA;AAAA,EAAuF,YAAY,mKAAyJ,SAAS,CAAC,UAAU,SAAS,UAAU,SAAS,UAAU,eAAe,UAAU,YAAY,UAAU,aAAa,UAAU,SAAS,UAAU,QAAQ,EAAE,aAAa,CAAC,MAAM,EAAI,EAAE,OAAO,0BAA0B,gBAAgB,eAAe,YAAY,sEAAsE,MAAM,mDAAmD,SAAS,oBAAoB,CAAE,CAAQ,IAAMC,EAAgB,EAC30PC,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__"]
}