{"id":27500,"date":"2025-11-11T09:47:32","date_gmt":"2025-11-11T09:47:32","guid":{"rendered":"urn:uuid:4bff4d78-c2d7-4375-9bec-9ef1be89b975"},"modified":"2026-06-23T12:28:32","modified_gmt":"2026-06-23T12:28:32","slug":"dashboards","status":"publish","type":"products","link":"https:\/\/www.highcharts.com\/blog\/products\/dashboards\/","title":{"rendered":"Dashboard"},"content":{"rendered":"\n<section class=\"wp-block-highsoft-section neutral-0-light transparent hero-section page-section\">\n<div class=\"wp-block-group content-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-4c56c5a7 wp-block-group-is-layout-constrained\">\n<div class=\"hero-columns\"> \n<div class=\"wp-block-columns hero-col is-layout-flex wp-container-core-columns-is-layout-52aa4162 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center hero-column-left is-layout-flow wp-container-core-column-is-layout-ff829c44 wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group hero-section-header is-vertical is-layout-flex wp-container-core-group-is-layout-dc0c0d66 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group hero-heading is-vertical is-layout-flex wp-container-core-group-is-layout-dc0c0d66 wp-block-group-is-layout-flex\">\n\n\n<h1 class=\"wp-block-heading hero-column-heading\">Highcharts\u00ae Dashboards<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-group hero-paragraph-group is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"hero-column-paragraph wp-block-paragraph\">Don\u2019t start from scratch. With built-in data synchronization, ready-made components and completely customizable options, Highcharts Dashboards does all the heavy lifting out of the box, saving you valuable time on your dashboard projects.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group hero-column-buttons is-layout-flex wp-container-core-group-is-layout-a1ffe908 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-button\"><a href=\"\/download\" class=\"hc-button hc-button--brand hc-button--size-400\" target=\"_blank\" rel=\"noopener noreferrer\" data-link-template=\"\/download\" aria-label=\"Try for Free\">Try for Free<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 21H3m15-10-6 6m0 0-6-6m6 6V3\"><\/path><\/svg><\/a><\/div>\n\n\n\n<div class=\"wp-block-highsoft-hs-button\"><a href=\"https:\/\/shop.highcharts.com\" class=\"hc-button hc-button--success hc-button--size-400\" data-link-template=\"https:\/\/shop.highcharts.com\" aria-label=\"Buy Now\">Buy Now<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 16a4 4 0 0 0 4 4h4a4 4 0 0 0 0-8h-4a4 4 0 0 1 0-8h4a4 4 0 0 1 4 4m-6-6v20\"><\/path><\/svg><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column hero-column-media is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-hs-box hs-box transparent\" style=\"padding:var(--wp--preset--spacing--20);--hs-box-width:auto;--hs-box-min-width:100%;--hs-box-max-width:500px;--hs-box-height:auto;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:0;--hs-box-border-style:none;--border-color-light:transparent;--border-color-dark:transparent;--hs-box-border-radius:0;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-f5f2ea0f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-iframe hs-iframe hs-iframe--square iframe-block-content-container\" style=\"max-width:500px\"><div class=\"hs-iframe__container\"><iframe src=\"https:\/\/www.highcharts.com\/samples\/nonav\/highcharts\/website\/icon-dashboard\" class=\"hs-iframe__main\" title=\"\" loading=\"lazy\" allowfullscreen scrolling=\"no\"><\/iframe><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n <\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-highsoft-section neutral-50-light transparent demo-section page-section\">\n<div class=\"wp-block-group content-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-4c56c5a7 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-14e13169 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\">Popular Dashboard Demos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.highcharts.com\/demo#highcharts-dashboards-demo-basic\">Discover all demos<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-demo-group-innerblock\">\n<div class=\"wp-block-group demo-group-container is-layout-grid wp-container-core-group-is-layout-6b1ac67a wp-block-group-is-layout-grid\">\n<div class=\"wp-block-highsoft-demo-single-innerblock\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding:var(--wp--preset--spacing--20);--hs-box-width:100%;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:auto;--hs-box-min-height:385px;--hs-box-max-height:385px;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-750);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group is-vertical is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-8d0bb671 wp-block-group-is-layout-flex\" style=\"height:100%;min-height:100%\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062411\/small-dash-dark-climate.jpg\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062411\/small-dash-dark-climate-70x60.jpg 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062411\/small-dash-dark-climate-398x440.jpg 398w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062411\/small-dash-dark-climate-533x590.jpg 533w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062411\/small-dash-dark-climate.jpg 930w\" data-dark-sizes=\"(max-width: 930px) 100vw, 930px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"526\" height=\"590\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062340\/small-dash-light-climate-526x590.jpg\" alt=\"\" class=\"wp-image-31118\" style=\"object-fit:cover;object-position:50% 0%;width:300px;height:250px\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062340\/small-dash-light-climate-526x590.jpg 526w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062340\/small-dash-light-climate-392x440.jpg 392w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062340\/small-dash-light-climate-768x862.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062340\/small-dash-light-climate.jpg 930w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group demo-single-text-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-677a661e wp-block-group-is-layout-constrained\" style=\"min-height:80px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px\">\n<p class=\"demo-title has-font-size-800-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:700\"><a href=\"https:\/\/www.highcharts.com\/demo\/dashboards\/climate\">Climate Dashboard<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-demo-single-innerblock\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding:var(--wp--preset--spacing--20);--hs-box-width:100%;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:auto;--hs-box-min-height:385px;--hs-box-max-height:385px;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-750);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group is-vertical is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-8d0bb671 wp-block-group-is-layout-flex\" style=\"height:100%;min-height:100%\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062611\/small-dash-dark-personal-portfolio.jpg\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062611\/small-dash-dark-personal-portfolio-70x60.jpg 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062611\/small-dash-dark-personal-portfolio-453x440.jpg 453w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062611\/small-dash-dark-personal-portfolio-608x590.jpg 608w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062611\/small-dash-dark-personal-portfolio.jpg 930w\" data-dark-sizes=\"(max-width: 930px) 100vw, 930px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"608\" height=\"590\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062558\/small-dash-light-personal-portfolio-608x590.jpg\" alt=\"\" class=\"wp-image-31122\" style=\"object-fit:cover;object-position:50% 0%;width:300px;height:250px\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062558\/small-dash-light-personal-portfolio-608x590.jpg 608w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062558\/small-dash-light-personal-portfolio-453x440.jpg 453w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062558\/small-dash-light-personal-portfolio-768x746.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062558\/small-dash-light-personal-portfolio.jpg 930w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group demo-single-text-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-677a661e wp-block-group-is-layout-constrained\" style=\"min-height:80px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px\">\n<p class=\"demo-title has-font-size-800-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:700\"><a href=\"https:\/\/www.highcharts.com\/demo\/dashboards\/personal-portfolio\">Personal Portfolio<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-demo-single-innerblock\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding:var(--wp--preset--spacing--20);--hs-box-width:100%;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:auto;--hs-box-min-height:385px;--hs-box-max-height:385px;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-750);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group is-vertical is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-8d0bb671 wp-block-group-is-layout-flex\" style=\"height:100%;min-height:100%\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062750\/small-dash-dark-sync.jpg\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062750\/small-dash-dark-sync-70x60.jpg 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062750\/small-dash-dark-sync-521x440.jpg 521w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062750\/small-dash-dark-sync-698x590.jpg 698w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062750\/small-dash-dark-sync.jpg 930w\" data-dark-sizes=\"(max-width: 930px) 100vw, 930px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"590\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062810\/small-dash-light-sync-688x590.jpg\" alt=\"\" class=\"wp-image-31127\" style=\"object-fit:cover;object-position:50% 0%;width:300px;height:250px\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062810\/small-dash-light-sync-688x590.jpg 688w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062810\/small-dash-light-sync-513x440.jpg 513w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062810\/small-dash-light-sync-70x60.jpg 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062810\/small-dash-light-sync-768x659.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062810\/small-dash-light-sync.jpg 930w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group demo-single-text-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-677a661e wp-block-group-is-layout-constrained\" style=\"min-height:80px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px\">\n<p class=\"demo-title has-font-size-800-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:700\"><a href=\"https:\/\/www.highcharts.com\/demo\/dashboards\/sync\">Dashboards Sync<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-demo-single-innerblock\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding:var(--wp--preset--spacing--20);--hs-box-width:100%;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:auto;--hs-box-min-height:385px;--hs-box-max-height:385px;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-750);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group is-vertical is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-8d0bb671 wp-block-group-is-layout-flex\" style=\"height:100%;min-height:100%\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062847\/small-dash-dark-project-management.jpg\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062847\/small-dash-dark-project-management-70x60.jpg 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062847\/small-dash-dark-project-management-437x440.jpg 437w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062847\/small-dash-dark-project-management-586x590.jpg 586w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062847\/small-dash-dark-project-management.jpg 930w\" data-dark-sizes=\"(max-width: 930px) 100vw, 930px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"590\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062839\/small-dash-light-project-management-582x590.jpg\" alt=\"\" class=\"wp-image-31128\" style=\"object-fit:cover;object-position:50% 0%;width:300px;height:250px\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062839\/small-dash-light-project-management-582x590.jpg 582w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062839\/small-dash-light-project-management-434x440.jpg 434w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062839\/small-dash-light-project-management-768x778.jpg 768w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/06\/23062839\/small-dash-light-project-management.jpg 930w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group demo-single-text-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-677a661e wp-block-group-is-layout-constrained\" style=\"min-height:80px;padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px\">\n<p class=\"demo-title has-font-size-800-font-size wp-block-paragraph\" style=\"font-style:normal;font-weight:700\"><a href=\"https:\/\/www.highcharts.com\/demo\/dashboards\/project-management\">Project Management<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-highsoft-section neutral-0-light transparent feature-section page-section products-features-section\">\n<div class=\"wp-block-group content-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-4c56c5a7 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center\">Made by Developers for Developers<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Don\u2019t waste time coding from scratch. Highcharts Dashboards is a development library pre-loaded with time-saving features that will save you hours of development time on your dashboard projects.<\/p>\n\n\n\n<div class=\"wp-block-highsoft-feature-group-innerblock\">\n<div class=\"wp-block-group feature-group-container is-layout-grid wp-container-core-group-is-layout-6b1ac67a wp-block-group-is-layout-grid\">\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095644\/dash-dark-feature-one.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095644\/dash-dark-feature-one-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095644\/dash-dark-feature-one.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100009\/dash-light-feature-one.png\" alt=\"\" class=\"wp-image-27515\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Flexible<br>Framework<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Use our framework to set up a functioning, responsive, dashboard in minutes with minimal effort. Check out our demos and set-up docs.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134602\/dash-dark-feature-two-1.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134602\/dash-dark-feature-two-1-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134602\/dash-dark-feature-two-1.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\" style=\"margin-right:0;margin-left:0;padding-right:0;padding-left:0\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22074606\/dash-light-feature-two-1.png\" alt=\"\" class=\"wp-image-31098\" style=\"object-fit:cover\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Popular Frameworks<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Highcharts Dashboards is framework agnostic, and integrates nicely with popular frameworks such as React, Angular and Vue. Check out the docs.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095646\/dash-dark-feature-three.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095646\/dash-dark-feature-three-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095646\/dash-dark-feature-three.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100010\/dash-light-feature-three.png\" alt=\"\" class=\"wp-image-27517\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Built-in Data Synchronization<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Connect data from multiple external sources and Highcharts Dashboards will store and distribute them in a data table. When the data changes, so do your components, keeping everything in sync, no extra work necessary.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134716\/dash-dark-feature-four-1.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134716\/dash-dark-feature-four-1-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134716\/dash-dark-feature-four-1.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/22134820\/dash-light-feature-four-2.png\" alt=\"\" class=\"wp-image-31113\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Out-of-the-box Responsiveness<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Highcharts Dashboards uses a layout engine based on Flexbox, ensuring components and layouts adjust dynamically and reliably on all modern browsers when the dashboard container resizes.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095644\/dash-dark-feature-four.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095644\/dash-dark-feature-four-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095644\/dash-dark-feature-four.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100008\/dash-light-feature-four.png\" alt=\"\" class=\"wp-image-27514\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Completely Customizable<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Our simple configuration options and variable-driven CSS make it easy to theme Highcharts Dashboards to fit your application and brand. No proprietary editors or ugly hacks. You control the code.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095643\/dash-dark-feature-five.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095643\/dash-dark-feature-five-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095643\/dash-dark-feature-five.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100007\/dash-light-feature-five.png\" alt=\"\" class=\"wp-image-27513\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Self-hosted and Secure<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Unlike low or no-code dashboards that host your data offsite, Highcharts Dashboards is a completely self-hosted solution that poses zero risk to the integrity and privacy of your data.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095645\/dash-dark-feature-six.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095645\/dash-dark-feature-six-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11095645\/dash-dark-feature-six.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100010\/dash-light-feature-six.png\" alt=\"\" class=\"wp-image-27516\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Edit Mode for<br>End-Users<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">In Edit Mode, dashboard users can rearrange components via drag and drop, and intuitively adjust the dimensions of rows and components without needing a developer.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-highsoft-feature-single-innerblock\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark feature-single-card\" style=\"padding:var(--containers-inner-padding-400, 16px);--hs-box-width:auto;--hs-box-min-width:260px;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:100%;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--HS-surface-ui-border-100);--border-color-dark:var(--HS-surface-ui-border-100);--hs-box-border-radius:var(--border-radius-size-12, 12px);--hs-box-overflow:hidden\">\n<div class=\"wp-block-group feature-content-group is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group feature-image-wrapper wp-container-content-9cfa9a5a is-layout-flow wp-block-group-is-layout-flow\" style=\"min-height:0px\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image feature-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/10142624\/core-dark-feature-one.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/10142624\/core-dark-feature-one-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/10142624\/core-dark-feature-one.png 524w\" data-dark-sizes=\"(max-width: 524px) 100vw, 524px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"524\" height=\"270\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/23122826\/coreimgone.png\" alt=\"\" class=\"wp-image-31150\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group feature-text-button-group wp-container-content-9cfa9a5a is-vertical is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-7979462f wp-block-group-is-layout-flex\" style=\"min-height:0px\">\n<div class=\"wp-block-group feature-text-content is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading feature-heading\">Integrates with Highcharts<\/h3>\n\n\n\n<p class=\"feature-description wp-block-paragraph\">Highcharts Dashboards integrates seamlessly with all Highcharts data visualization libraries. Utilize all Highcharts charting methods and tools inside your components.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-highsoft-section neutral-0-light transparent how-dashboard-works-section page-section\">\n<div class=\"wp-block-group content-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-4c56c5a7 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns content-section is-layout-flex wp-container-core-columns-is-layout-c3c18eb5 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-15dc5765 wp-block-column-is-layout-flow\" style=\"padding-top:0;padding-bottom:0;flex-basis:40%\">\n<div class=\"wp-block-group info-heading is-layout-flow wp-container-core-group-is-layout-f32e93cf wp-block-group-is-layout-flow\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<h3 class=\"wp-block-heading\">How Highcharts Dashboards Works<\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-group info-content is-layout-flow wp-container-core-group-is-layout-f79fd4a5 wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-highsoft-hs-list-block hs-list-block\" style=\"--hs-list-block-column-gap:24px;--hs-list-block-item-gap:12px\"><ol class=\"hs-list-block__list\" role=\"list\">\n<li class=\"wp-block-highsoft-hs-list-item hs-list-item\">\n<div class=\"wp-block-group hs-list-item__bullet is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-8349a0dd wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">1.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hs-list-item__content is-vertical is-layout-flex wp-container-core-group-is-layout-b822f7e3 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><strong>Install<\/strong>&nbsp;via npm or use our CDN. See all download options.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"wp-block-highsoft-hs-list-item hs-list-item\">\n<div class=\"wp-block-group hs-list-item__bullet is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-8349a0dd wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">2.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hs-list-item__content is-vertical is-layout-flex wp-container-core-group-is-layout-b822f7e3 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><strong>Centralize data access<\/strong>&nbsp;by connecting your data sources to the data pool. Use our pre-built connectors or build your own.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"wp-block-highsoft-hs-list-item hs-list-item\">\n<div class=\"wp-block-group hs-list-item__bullet is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-8349a0dd wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">3.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hs-list-item__content is-vertical is-layout-flex wp-container-core-group-is-layout-b822f7e3 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><strong>Define your layout<\/strong>&nbsp;with our Flexbox-based layout engine that calculates the position of components and automatically puts them where they need to be.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"wp-block-highsoft-hs-list-item hs-list-item\">\n<div class=\"wp-block-group hs-list-item__bullet is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-8349a0dd wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">4.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hs-list-item__content is-vertical is-layout-flex wp-container-core-group-is-layout-b822f7e3 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><strong>Connect your components<\/strong>&nbsp;to your data pool and layout. Once connected, you can specify the behaviors you want to sync across components.<\/p>\n<\/div>\n<\/li>\n\n\n\n<li class=\"wp-block-highsoft-hs-list-item hs-list-item\">\n<div class=\"wp-block-group hs-list-item__bullet is-horizontal is-nowrap is-layout-flex wp-container-core-group-is-layout-8349a0dd wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">5.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group hs-list-item__content is-vertical is-layout-flex wp-container-core-group-is-layout-b822f7e3 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\"><strong>Launch your dashboard<\/strong>&nbsp;within an existing app or as a stand-alone web page. Once live, end users can rearrange components via intuitive drag and drop.<\/p>\n<\/div>\n<\/li>\n<\/ol><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flex wp-container-core-group-is-layout-8ce3e45c wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-button\"><a href=\"https:\/\/www.highcharts.com\/docs\/dashboards\/installation\" class=\"hc-button hc-button--brand hc-button--size-300\" data-link-template=\"https:\/\/www.highcharts.com\/docs\/dashboards\/installation\" aria-label=\"Explore full documentation\">Explore full documentation<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 2.27V6.4c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.11.494.11 1.054.11h4.13M14 17H8m8-4H8m12-3.012V17.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C17.72 22 16.88 22 15.2 22H8.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C4 19.72 4 18.88 4 17.2V6.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C6.28 2 7.12 2 8.8 2h3.212c.733 0 1.1 0 1.446.083.306.073.598.195.867.36.303.185.562.444 1.08.963l3.19 3.188c.518.519.777.778.963 1.081a3 3 0 0 1 .36.867c.082.346.082.712.082 1.446\"><\/path><\/svg><\/a><\/div>\n\n\n\n<div class=\"wp-block-highsoft-hs-button\"><a href=\"https:\/\/www.highcharts.com\/demo\/dashboards#highcharts-dashboards-demo-general\/\" class=\"hc-button hc-button--white hc-button--size-300\" data-link-template=\"https:\/\/www.highcharts.com\/demo\/dashboards#highcharts-dashboards-demo-general\/\" aria-label=\"See all Dashboards demos\">See all Dashboards demos<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 12h9m-9-9v18M7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3\"><\/path><\/svg><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-highsoft-hs-image has-dark-mode-image\" data-dark-src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100533\/how-dash-dark.png\" data-dark-srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100533\/how-dash-dark-70x60.png 70w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100533\/how-dash-dark-560x436.png 560w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100533\/how-dash-dark-758x590.png 758w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/11100533\/how-dash-dark.png 1160w\" data-dark-sizes=\"(max-width: 1160px) 100vw, 1160px\" data-has-dark=\"true\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"746\" height=\"581\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/23122826\/dashboardright.png\" alt=\"\" class=\"wp-image-31151\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/23122826\/dashboardright.png 746w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2025\/11\/23122826\/dashboardright-560x436.png 560w\" sizes=\"auto, (max-width: 746px) 100vw, 746px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-highsoft-section brand-200-light brand-700-dark investment-screener page-section\">\n<div class=\"wp-block-group content-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-4c56c5a7 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center\"><strong>Add powerful data grids to your dashboard<\/strong>s with Highcharts Grid<br><\/h3>\n\n\n\n<div class=\"wp-block-highsoft-hs-box hs-box transparent\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20);--hs-box-width:auto;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:auto;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:0;--hs-box-border-style:none;--border-color-light:transparent;--border-color-dark:transparent;--hs-box-border-radius:0;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-25d34487 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-iframe hs-iframe iframe-block-content-container\" style=\"height:700px\"><div class=\"hs-iframe__container\"><iframe src=\"https:\/\/www.highcharts.com\/samples\/nonav\/grid\/demo\/sparklines\" class=\"hs-iframe__main\" title=\"\" loading=\"lazy\" allowfullscreen scrolling=\"no\"><\/iframe><\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-8b743eb5 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-center wp-block-paragraph\">Highcharts Grid is a powerful, lightweight, fully customizable solution for managing and visualizing tabular data. It works great on its own, but it really shines when used as part of a Highcharts Dashboards. Use them together to organize, explore and present complex data.<\/p>\n\n\n\n<div class=\"wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-a35b45a9 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-button\"><a href=\"\/products\/grid\" class=\"hc-button hc-button--brand hc-button--size-300\" data-link-template=\"\/products\/grid\" aria-label=\"Explore Grid\">Explore Grid<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 9V3m0 0h-6m6 0-9 9m-2-9H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.28 3 6.12 3 7.8v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 21 6.12 21 7.8 21h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.72 21 17.88 21 16.2V14\"><\/path><\/svg><\/a><\/div>\n\n\n\n<div class=\"wp-block-highsoft-hs-button\"><a href=\"https:\/\/www.highcharts.com\/demo#highcharts-grid-demo-general\" class=\"hc-button hc-button--white hc-button--size-300\" data-link-template=\"https:\/\/www.highcharts.com\/demo#highcharts-grid-demo-general\" aria-label=\"See Grid demos\">See Grid demos<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 9h18M3 15h18M12 3v18M7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3\"><\/path><\/svg><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"wp-block-highsoft-section neutral-50-light transparent robustify-section page-section\">\n<div class=\"wp-block-group content-container has-global-padding is-layout-constrained wp-container-core-group-is-layout-4c56c5a7 wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-left\">Robustify Highcharts<\/h2>\n\n\n\n<div class=\"product-cards-outer-container\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b324816d wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-navigation-card-single hs-navigation-card-single hs-navigation-card-single--big hs-navigation-card-single--clickable\" data-link=\"\/products\/stock\" data-target=\"_blank\" tabindex=\"0\" role=\"button\" aria-label=\"Clickable card - press Enter to navigate\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;--hs-box-width:100%;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-800);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0e1aff24 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile navigation-card-single-columns is-layout-flex wp-container-core-columns-is-layout-e995ef1c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c800a773 wp-block-group-is-layout-flex\">\n<p class=\"has-success-700-color has-text-color has-link-color wp-elements-3cd1f639d40a625f992b0de955734204 wp-block-paragraph\">ADDITIONAL PRODUCT<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-font-size-800-font-size\" style=\"font-style:normal;font-weight:500\">Highcharts Stock<\/h3>\n\n\n\n<p class=\"has-font-size-300-font-size wp-block-paragraph\">Create stock or general timeline charts for any web and mobile project.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group icon-container is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-5d81f398 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-icon icon-display\"><span class=\"hc-icon-background hc-icon-border\" style=\"padding:16px\"><span class=\"hc-icon hc-icon--size-xxxl\" aria-hidden=\"true\"><span class=\"hc-icon-light\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/stock.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><span class=\"hc-icon-dark\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/stock.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-navigation-card-single hs-navigation-card-single hs-navigation-card-single--big hs-navigation-card-single--clickable\" data-link=\"\/products\/maps\" data-target=\"_blank\" tabindex=\"0\" role=\"button\" aria-label=\"Clickable card - press Enter to navigate\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;--hs-box-width:100%;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-800);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0e1aff24 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile navigation-card-single-columns is-layout-flex wp-container-core-columns-is-layout-e995ef1c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c800a773 wp-block-group-is-layout-flex\">\n<p class=\"has-success-700-color has-text-color has-link-color wp-elements-3cd1f639d40a625f992b0de955734204 wp-block-paragraph\">ADDITIONAL PRODUCT<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-font-size-800-font-size\" style=\"font-style:normal;font-weight:500\">Highcharts Maps<\/h3>\n\n\n\n<p class=\"has-font-size-300-font-size wp-block-paragraph\">Build interactive maps that link data to geography.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group icon-container is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-5d81f398 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-icon icon-display\"><span class=\"hc-icon-background hc-icon-border\" style=\"padding:16px\"><span class=\"hc-icon hc-icon--size-xxxl\" aria-hidden=\"true\"><span class=\"hc-icon-light\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/maps.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><span class=\"hc-icon-dark\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/maps.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b324816d wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-navigation-card-single hs-navigation-card-single hs-navigation-card-single--big hs-navigation-card-single--clickable\" data-link=\"\/products\/gantt\" data-target=\"_blank\" tabindex=\"0\" role=\"button\" aria-label=\"Clickable card - press Enter to navigate\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;--hs-box-width:100%;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-800);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0e1aff24 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile navigation-card-single-columns is-layout-flex wp-container-core-columns-is-layout-e995ef1c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c800a773 wp-block-group-is-layout-flex\">\n<p class=\"has-success-700-color has-text-color has-link-color wp-elements-3cd1f639d40a625f992b0de955734204 wp-block-paragraph\">ADDITIONAL PRODUCT<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-font-size-800-font-size\" style=\"font-style:normal;font-weight:500\">Highcharts Gantt<\/h3>\n\n\n\n<p class=\"has-font-size-300-font-size wp-block-paragraph\">Create interactive charts for allocating and displaying tasks, events, and resources along a timeline.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group icon-container is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-5d81f398 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-icon icon-display\"><span class=\"hc-icon-background hc-icon-border\" style=\"padding:16px\"><span class=\"hc-icon hc-icon--size-xxxl\" aria-hidden=\"true\"><span class=\"hc-icon-light\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/gantt.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><span class=\"hc-icon-dark\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/gantt.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-navigation-card-single hs-navigation-card-single hs-navigation-card-single--big hs-navigation-card-single--clickable\" data-link=\"\/products\/grid\" data-target=\"_blank\" tabindex=\"0\" role=\"button\" aria-label=\"Clickable card - press Enter to navigate\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;--hs-box-width:100%;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-800);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0e1aff24 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile navigation-card-single-columns is-layout-flex wp-container-core-columns-is-layout-e995ef1c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c800a773 wp-block-group-is-layout-flex\">\n<p class=\"has-success-700-color has-text-color has-link-color wp-elements-3cd1f639d40a625f992b0de955734204 wp-block-paragraph\">ADDITIONAL PRODUCT<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-font-size-800-font-size\" style=\"font-style:normal;font-weight:500\">Highcharts Grid<\/h3>\n\n\n\n<p class=\"has-font-size-300-font-size wp-block-paragraph\">Essential tools for creating, editing and managing JavaScript data tables, all built to meet today&#8217;s web standards.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group icon-container is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-5d81f398 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-icon icon-display\"><span class=\"hc-icon-background hc-icon-border\" style=\"padding:16px\"><span class=\"hc-icon hc-icon--size-xxxl\" aria-hidden=\"true\"><span class=\"hc-icon-light\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/grid.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><span class=\"hc-icon-dark\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/grid.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-b324816d wp-block-columns-is-layout-flex\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-navigation-card-single hs-navigation-card-single hs-navigation-card-single--big hs-navigation-card-single--clickable\" data-link=\"\/products\/highcharts-editor\/\" data-target=\"_blank\" tabindex=\"0\" role=\"button\" aria-label=\"Clickable card - press Enter to navigate\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;--hs-box-width:100%;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-800);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0e1aff24 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile navigation-card-single-columns is-layout-flex wp-container-core-columns-is-layout-e995ef1c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c800a773 wp-block-group-is-layout-flex\">\n<p class=\"has-success-700-color has-text-color has-link-color wp-elements-3cd1f639d40a625f992b0de955734204 wp-block-paragraph\">ADDITIONAL PRODUCT<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-font-size-800-font-size\" style=\"font-style:normal;font-weight:500\">Highcharts Editor<\/h3>\n\n\n\n<p class=\"has-font-size-300-font-size wp-block-paragraph\">Enable less techy developers to create interactive charts on web and mobile platforms.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group icon-container is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-5d81f398 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-icon icon-display\"><span class=\"hc-icon-background hc-icon-border\" style=\"padding:16px\"><span class=\"hc-icon hc-icon--size-xxxl\" aria-hidden=\"true\"><span class=\"hc-icon-light\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/editor.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><span class=\"hc-icon-dark\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/editor.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-highsoft-navigation-card-single hs-navigation-card-single hs-navigation-card-single--big hs-navigation-card-single--clickable\" data-link=\"\/products\/advantage\" data-target=\"_blank\" tabindex=\"0\" role=\"button\" aria-label=\"Clickable card - press Enter to navigate\">\n<div class=\"wp-block-highsoft-hs-box hs-box neutral-0-light neutral-900-dark\" style=\"padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px;--hs-box-width:100%;--hs-box-min-width:auto;--hs-box-max-width:100%;--hs-box-height:100%;--hs-box-min-height:auto;--hs-box-max-height:auto;--hs-box-border-width:1px;--hs-box-border-style:solid;--border-color-light:var(--primitives-neutral-100);--border-color-dark:var(--primitives-neutral-800);--hs-box-border-radius:8px;--hs-box-overflow:hidden\">\n<div class=\"wp-block-group hs-blank-box-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-0e1aff24 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile navigation-card-single-columns is-layout-flex wp-container-core-columns-is-layout-e995ef1c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c800a773 wp-block-group-is-layout-flex\">\n<p class=\"has-success-700-color has-text-color has-link-color wp-elements-59d4a312abda1849c4b991cf4a2e5c0f wp-block-paragraph\">SUPPORT<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-font-size-800-font-size\" style=\"font-style:normal;font-weight:500\">Highcharts Advantage+<\/h3>\n\n\n\n<p class=\"has-font-size-300-font-size wp-block-paragraph\">Highcharts Advantage+ gives you access to the resources and expertise you need to make your Highcharts implementation fast and frustration free.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group icon-container is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-5d81f398 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-highsoft-hs-icon icon-display\"><span class=\"hc-icon-background hc-icon-border\" style=\"padding:16px\"><span class=\"hc-icon hc-icon--size-xxxl\" aria-hidden=\"true\"><span class=\"hc-icon-light\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/support.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><span class=\"hc-icon-dark\"><img decoding=\"async\" src=\"\/wp-content\/plugins\/wordpress-plugin-highcharts-blocks\/assets\/icons\/products\/support.svg\" alt=\"\" aria-hidden=\"true\" class=\"hc-icon-img\"\/><\/span><\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"author":274,"featured_media":31098,"parent":0,"menu_order":0,"template":"","meta":{"meta_title":"Highcharts Dashboards | Interactive JavaScript dashboards","meta_description":"Highcharts Dashboards lets you build interactive, shareable dashboards with charts, tables, and layout components. Supports modern web stacks including React.","hc_selected_options":[],"footnotes":""},"coauthors":[1028],"class_list":["post-27500","products","type-products","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/products\/27500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/products"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/products"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/274"}],"version-history":[{"count":5,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/products\/27500\/revisions"}],"predecessor-version":[{"id":31153,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/products\/27500\/revisions\/31153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/31098"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=27500"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=27500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}