{"id":21649,"date":"2022-12-19T14:38:50","date_gmt":"2022-12-19T09:08:50","guid":{"rendered":"https:\/\/www.fusioncharts.com\/blog\/?p=21649"},"modified":"2026-01-20T14:40:38","modified_gmt":"2026-01-20T09:10:38","slug":"how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/","title":{"rendered":"How Crema Uses Charts Inside Its Different Applications 2026"},"content":{"rendered":"Integrating a charting library with an administration template can be a great way to improve the data readability and usability of your application. By using FusionCharts, you can create interactive charts that can be quickly and easily embedded into your templates.\r\n\r\nFusionCharts provides the ability to create high-quality charts, graphs, and maps quickly and easily. Charts can be used to display data in a graphical way. Graphs can be used to visualize data in a way that is easy to understand, while maps help to represent and compare data based on a specific continent, country, or city.\r\n\r\nBy integrating FusionCharts into your administration template, you can create powerful visual representations of your data. This can help users understand the data more easily and make more informed decisions.\r\n\r\nFusionCharts is loaded with 100+ charts, graphs, and gauges along with 2,000+ choropleth maps to help take your dashboard to a whole new level. All you need to do is select the correct chart type from the wide variety provided by FusionCharts.\r\n\r\nAdditionally, by using FusionCharts, you can create dynamic charts that can be updated automatically as new data is collected. This makes it easy to keep your charts up-to-date and responsive to user needs.\r\n\r\nLet\u2019s take a look at how the Crema React admin dashboard template uses charts to visualize data inside it.\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#Why_Crema\" title=\"Why Crema\">Why Crema<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#Crema_Template_Features\" title=\"Crema Template Features\">Crema Template Features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#How_Crema_uses_charts_inside_its_different_applications\" title=\"How Crema uses charts inside its different applications\">How Crema uses charts inside its different applications<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#FusionCharts_integration\" title=\"FusionCharts integration\">FusionCharts integration<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#Takeaway\" title=\"Takeaway\">Takeaway<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Why_Crema\"><\/span>Why Crema<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nWe selected Crema because it\u2019s one of the top-selling admin dashboard templates on the Envato Market. It has been built with the modern web developer in mind; therefore, it is available with MUI, React-Bootstrap, and Ant design and supports a wide range of components that you can use to create your own custom admin dashboard such as the Froala WYSIWYG editor and <a href=\"https:\/\/www.filestack.com\/\">Filestack, the sleek file uploader Javascript library<\/a>.\r\n\r\nCrema uses React Hooks to write components more intuitively without using classes, and it is integrated with Redux and Context API for state management, making it fast and reliable.\r\nCrema uses a fake API creator \u201cAxios-mock-adapter\u201d to fetch data, making it very easy to integrate with real servers. It\u2019s also available with both <strong>Pure Context API<\/strong> and <strong>Redux + Context API<\/strong> to manage states.\r\n<h2><span class=\"ez-toc-section\" id=\"Crema_Template_Features\"><\/span>Crema Template Features<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<ul>\r\n \t<li>11 navigation styles<\/li>\r\n \t<li>Seven inbuilt apps<\/li>\r\n \t<li>Thousands of color combinations<\/li>\r\n \t<li>Six languages supported<\/li>\r\n \t<li>Three theme styles (dark, semi-dark, light)<\/li>\r\n \t<li>Two layouts (full width, boxed)<\/li>\r\n \t<li>Best coding practices implemented<\/li>\r\n \t<li>RTL support<\/li>\r\n \t<li>Fully responsive<\/li>\r\n \t<li>300+ widgets and metrics<\/li>\r\n \t<li>E-commerce app<\/li>\r\n \t<li>Login and authorization system<\/li>\r\n \t<li>Well documented<\/li>\r\n \t<li>Slack channel for community members<\/li>\r\n \t<li>GitHub repository access<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"How_Crema_uses_charts_inside_its_different_applications\"><\/span>How Crema uses charts inside its different applications<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nCrema has seven inbuilt apps.\r\n<ol>\r\n \t<li>Crypto\r\nIn this app, Crema uses:\r\n<ul>\r\n \t<li>Area chart to represent the changes in the cryptocurrency amount yearly, monthly, weekly, or daily<\/li>\r\n \t<li>Doughnut chart to represent the BTC volume by currency<\/li>\r\n \t<li>Stacked columns chart to display crypto market activity data<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li>CRM\r\nIn this app, Crema uses:\r\n<ul>\r\n \t<li>Area chart to display statistics about projects, new clients, and income of the application<\/li>\r\n \t<li>Doughnut chart to display earnings in monthly information<\/li>\r\n \t<li>Stacked columns chart to display goal in progress versus actual goal<\/li>\r\n \t<li>Columns chart to display social media advertising per social media platform<\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li>Analytics\r\nIn this app, Crema uses:\r\n<ul>\r\n \t<li>Area charts to represent data about the application\u2019s daily visits<\/li>\r\n \t<li>Stacked column chart to display sales statistics for a week or month<\/li>\r\n \t<li>Multiseries line chart to compare the number of visitors to page views<\/li>\r\n \t<li>A map graph to display earnings by country<\/li>\r\n \t<li>A bar chart to display data about support tickets<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\nCrema uses charts in other apps as well, but this is enough to demonstrate the importance of using charts inside a dashboard. All the above types of charts and more are supported by FusionCharts. Rebuilding the above charts with FusionCharts will enhance their look and feel and will display the data in a clearer way. Moreover, you will be able to display advanced options like filtering and zooming.\r\n<h2><span class=\"ez-toc-section\" id=\"FusionCharts_integration\"><\/span>FusionCharts integration<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nCrema already has integration with FusionCharts. <a href=\"https:\/\/cra.cremawork.com\/third-party\/fusion-charts\">Crema showcases six demos of FusionCharts<\/a>. You can see how charts fit into the theme, look, and feel without needing to write any CSS code. Its responsive features make the data representation look good in any screen size. In the top right is a code button that displays the initialization code of each example. Notice how it was easy to render these stunning charts with a few lines of code.\r\n<h2><span class=\"ez-toc-section\" id=\"Takeaway\"><\/span>Takeaway<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nCharts are a very important component of admin dashboards. If you are looking for an admin dashboard template, select one that is already integrated with a beautiful yet powerful charting JavaScript library.\r\n\r\nCrema is a good example of that. It not only has integration with a powerful charting library, FusionCharts, but also provides you with a wide range of useful third-party libraries for any admin dashboard. For example, Froala WYSIWYG editor allows you to create and edit HTML content with an easy-to-use user interface. Crema has also integrated with <a href=\"https:\/\/www.filestack.com\/\">Filestack, the sleek<\/a> file uploader JavaScript library that will facilitate the file upload process, making it super fast and more reliable.\r\n\r\nIf you already have your own admin dashboard and are looking for a powerful charting library, then you should look at <a href=\"https:\/\/cart.fusioncharts.com\/\">FusionCharts<\/a>. It offers all the features and chart types you\u2019re looking for with a small subscription fee.","protected":false},"excerpt":{"rendered":"<p>Integrating a charting library with an administration template can be a great way to improve the data readability and usability of your application. By using FusionCharts, you can create interactive charts that can be quickly and easily embedded into your templates. FusionCharts provides the ability to create high-quality charts, graphs, and maps quickly and easily. [&hellip;]<\/p>\n","protected":false},"author":64,"featured_media":21652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[722,1202,1201],"tags":[1203,1204,1205],"coauthors":[901],"class_list":["post-21649","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fusioncharts","category-integrations","category-third-party","tag-admin-dashboard-template","tag-fusioncharts-integration-with-html-theme","tag-react-admin-dashboard"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How Crema Uses Charts Inside Its Different Applications 2026<\/title>\n<meta name=\"description\" content=\"Improve readability by integrating a charting library with your admin template. Learn 2026 best practices for building usable applications. Start today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Crema Uses Charts Inside Its Different Applications 2026\" \/>\n<meta property=\"og:description\" content=\"Improve readability by integrating a charting library with your admin template. Learn 2026 best practices for building usable applications. Start today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-19T09:08:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"mostafa.yousef\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mostafa.yousef\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"mostafa.yousef\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/611c82c14f3cbee9b62a7785136242aa\"\n\t            },\n\t            \"headline\": \"How Crema Uses Charts Inside Its Different Applications 2026\",\n\t            \"datePublished\": \"2022-12-19T09:08:50+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:10:38+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\"\n\t            },\n\t            \"wordCount\": 873,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png\",\n\t            \"keywords\": [\n\t                \"Admin Dashboard Template\",\n\t                \"FusionCharts integration with HTML theme\",\n\t                \"React Admin Dashboard\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"FusionCharts\",\n\t                \"Integrations\",\n\t                \"Third-party\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\",\n\t            \"name\": \"How Crema Uses Charts Inside Its Different Applications 2026\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png\",\n\t            \"datePublished\": \"2022-12-19T09:08:50+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:10:38+00:00\",\n\t            \"description\": \"Improve readability by integrating a charting library with your admin template. Learn 2026 best practices for building usable applications. Start today.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png\",\n\t            \"width\": 1200,\n\t            \"height\": 628\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"How Crema Uses Charts Inside Its Different Applications 2026\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/611c82c14f3cbee9b62a7785136242aa\",\n\t            \"name\": \"mostafa.yousef\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/89bcc715a4e3b301c84ced42e3db0d5b\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/3b1\/3b101f51add8eda8eb9323ea1dac65fex96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/3b1\/3b101f51add8eda8eb9323ea1dac65fex96.jpg\",\n\t                \"caption\": \"mostafa.yousef\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/mostafa-yousef\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How Crema Uses Charts Inside Its Different Applications 2026","description":"Improve readability by integrating a charting library with your admin template. Learn 2026 best practices for building usable applications. Start today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/","og_locale":"en_US","og_type":"article","og_title":"How Crema Uses Charts Inside Its Different Applications 2026","og_description":"Improve readability by integrating a charting library with your admin template. Learn 2026 best practices for building usable applications. Start today.","og_url":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2022-12-19T09:08:50+00:00","article_modified_time":"2026-01-20T09:10:38+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png","type":"image\/png"}],"author":"mostafa.yousef","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mostafa.yousef","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/"},"author":{"name":"mostafa.yousef","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/611c82c14f3cbee9b62a7785136242aa"},"headline":"How Crema Uses Charts Inside Its Different Applications 2026","datePublished":"2022-12-19T09:08:50+00:00","dateModified":"2026-01-20T09:10:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/"},"wordCount":873,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png","keywords":["Admin Dashboard Template","FusionCharts integration with HTML theme","React Admin Dashboard"],"articleSection":["FusionCharts","Integrations","Third-party"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/","url":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/","name":"How Crema Uses Charts Inside Its Different Applications 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png","datePublished":"2022-12-19T09:08:50+00:00","dateModified":"2026-01-20T09:10:38+00:00","description":"Improve readability by integrating a charting library with your admin template. Learn 2026 best practices for building usable applications. Start today.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png","contentUrl":"\/blog\/wp-content\/uploads\/2022\/12\/Copy-of-A-Powerful-Charting-Library-for-JavaScript-Charts-3.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/how-crema-uses-charts-to-represent-data-inside-a-react-admin-dashboard-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How Crema Uses Charts Inside Its Different Applications 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/611c82c14f3cbee9b62a7785136242aa","name":"mostafa.yousef","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/89bcc715a4e3b301c84ced42e3db0d5b","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/3b1\/3b101f51add8eda8eb9323ea1dac65fex96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/3b1\/3b101f51add8eda8eb9323ea1dac65fex96.jpg","caption":"mostafa.yousef"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/mostafa-yousef\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/21649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/64"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=21649"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/21649\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/21652"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=21649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=21649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=21649"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=21649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}