{"id":24991,"date":"2024-06-10T17:20:45","date_gmt":"2024-06-10T17:20:45","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=24991"},"modified":"2026-01-13T11:57:18","modified_gmt":"2026-01-13T11:57:18","slug":"drivetrain-and-highcharts-enabling-better-business-decisions","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/use-cases\/drivetrain-and-highcharts-enabling-better-business-decisions\/","title":{"rendered":"Drivetrain and Highcharts: Enabling better business decisions"},"content":{"rendered":"<p>Finance teams regularly need to share insights with their investors, board, management and other key stakeholders. The ability to visualize large amounts of data is key to quickly identifying and presenting these insights as clearly as possible.<\/p>\n<p>More often than not, much of the critical information needed to accurately calculate key performance metrics is housed in various, disconnected legacy systems that are tedious to access.<\/p>\n<p>That\u2019s why <a href=\"https:\/\/www.drivetrain.ai\/\" target=\"_blank\" rel=\"noopener\">Drivetrain<\/a> built an AI-powered strategic finance platform that enables customers to integrate and analyze data from any system so they can get a complete picture of their company\u2019s financial health and use this information to adjust their plans in time to achieve their targets consistently.<\/p>\n<p>To help their tools visualize actionable insights, Drivetrain relies on the Highcharts Core data visualization library and Highcharts\u2019 official React integration.<\/p>\n<p>Read on to discover why Drivetain chose Highcharts and how it has contributed to the success of their project.<\/p>\n<h2><b>\u201cChart customizability was the key consideration.\u201d<\/b><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-24992\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171520\/finance-520x440.jpg\" alt=\"\" width=\"520\" height=\"440\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171520\/finance-520x440.jpg 520w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171520\/finance-698x590.jpg 698w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171520\/finance-70x60.jpg 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171520\/finance-768x649.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171520\/finance.jpg 1160w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><\/p>\n<p>In addition to finding a dataviz library that could present complex financial data in a clear, accessible way, Drivetrain also sought a solution that afforded their customers the most choice in terms of dataviz types and customization.<\/p>\n<p>\u201cEach user wants to visualize their data differently [and] Highcharts had the most number of predefined chart types\u2026line, bar, funnel, pie charts to name a few.\u201d<\/p>\n<p>Drivetrain customers can also combine Highcharts visualization to create custom dashboards and easily configure visual cues such as trendlines for increased understanding.<\/p>\n<p>\u201cMany of our users want multiple metrics to be plotted in the same chart\u2026Highcharts lets you combine charts to create these visuals.\u201d<\/p>\n<h2><b>\u201cOur customers can now create interactive and insightful charts in a few clicks.\u201d<\/b><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-24993 alignright\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171628\/tooltip-560x343.jpg\" alt=\"\" width=\"560\" height=\"343\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171628\/tooltip-560x343.jpg 560w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171628\/tooltip-760x465.jpg 760w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171628\/tooltip-768x470.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/06\/10171628\/tooltip.jpg 1160w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><br \/>\nAnother key consideration Drivetrain took into account when choosing Highcharts was the ability to configure custom interactions.<\/p>\n<p>For example using Highcharts for React, Drivetrain developed custom drill down functionality, attaching event listeners to individual data points.\u00a0 When a user clicks on a single point in a time-spanning revenue chart, the chart configuration updates in real time to present a granular view of the selected data.<\/p>\n<p>This drill down functionality combined with customized tooltips ensures Drivetrain customers get the exact information they need for accurate financial planning and analysis.<\/p>\n<h2><b>\u201cHighcharts makes it easy to build responsive visualizations.\u201d\u00a0<\/b><\/h2>\n<p>Highcharts\u2019 out-of-the-box responsiveness also helped shorten Drivetrain\u2019s implementation time, as resizing and manipulating chart layouts for different devices and screen sizes is easily accomplished through Highcharts\u2019 responsive configuration settings.<\/p>\n<p>\u201cThis has been really handy for us while building our dashboard, where charts can be resized and moved next to each other.\u201d<\/p>\n<h2><b>\u201cA versatile solution for creating interactive and visually appealing charts.\u201d<\/b><\/h2>\n<p>Thanks to Highcharts\u2019 comprehensive documentation, tutorials and support resources, Drivetrain is happy to recommend Highcharts.<\/p>\n<p>\u201cIt has been easy to use, has a rich feature set and a performant solution to render charts.\u201d<\/p>\n<p>By incorporating Highcharts into their AI-powered financial planning platform, Drivetrain ensures their customers receive actionable insights via information rich, readily comprehensible data visualizations, setting a new standard for financial analytics tools in the age of AI.<\/p>\n<p>\u00a0<\/p>\n<h2><strong>Related posts<\/strong><\/h2>\n<ul>\n<li style=\"margin-left: 20px; margin-bottom: 20px;\"><a href=\"https:\/\/www.highcharts.com\/blog\/post\/stock-chart-examples-using-highcharts-stock\/\">Stock chart examples using Highcharts Stock<\/a><\/li>\n<li style=\"margin-left: 20px; margin-bottom: 20px;\"><a href=\"https:\/\/www.highcharts.com\/blog\/inspirations\/stock-charting-with-highcharts\/\">Stock charting with Highcharts<\/a><\/li>\n<li style=\"margin-left: 20px; margin-bottom: 20px;\"><a href=\"https:\/\/www.highcharts.com\/blog\/inspirations\/financial-charts-with-highcharts\/\">Financial charts with Highcharts<\/a><\/li>\n<li style=\"margin-left: 20px; margin-bottom: 20px;\"><a href=\"https:\/\/www.highcharts.com\/blog\/post\/intraday-chart-examples-using-highcharts\/\">Intraday chart examples using Highcharts<\/a><\/li>\n<li style=\"margin-left: 20px; margin-bottom: 20px;\"><a href=\"https:\/\/www.highcharts.com\/blog\/tutorials\/real-time-data-visualization-using-highcharts\/\">Real-time data visualization using Highcharts<\/a><\/li>\n<li style=\"margin-left: 20px; margin-bottom: 20px;\"><a href=\"https:\/\/www.highcharts.com\/blog\/inspirations\/data-charting-with-highcharts\/\">Data charting with Highcharts<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover why Drivetain chose Highcharts and how it has contributed to the success of their project.<\/p>\n","protected":false},"author":250,"featured_media":24998,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[933],"tags":[1094,1102],"coauthors":[786],"class_list":["post-24991","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-use-cases","tag-highcharts-core","tag-software"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/24991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/250"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=24991"}],"version-history":[{"count":3,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/24991\/revisions"}],"predecessor-version":[{"id":26026,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/24991\/revisions\/26026"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/24998"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=24991"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=24991"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=24991"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=24991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}