{"id":24616,"date":"2024-02-13T20:53:15","date_gmt":"2024-02-13T20:53:15","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=24616"},"modified":"2026-01-13T11:45:15","modified_gmt":"2026-01-13T11:45:15","slug":"introducing-highsoft-lab","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/introducing-highsoft-lab\/","title":{"rendered":"Introducing Highsoft Lab"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p>We&#8217;ve just launched <a href=\"https:\/\/lab.highsoft.com\/\">Highsoft Lab<\/a>, our special playground run by our R&amp;D and Innovation Team.<\/p>\n<p>Our Lab not only showcases all the cool stuff we\u2019re working on, but it\u2019s also a collaborative place for you to test drive our experiments and give valuable feedback that will guide us as we refine our pre-alpha ideas into finished products.<\/p>\n<h2><b>Our First Experiment: A New Highcharts Editor<\/b><\/h2>\n<p>The first experiment we\u2019d love for you to check out is our next-generation <a href=\"https:\/\/lab.highsoft.com\/editorv2\/\">Highcharts Editor<\/a>, a new and improved version of our standard WYSIWYG chart editor.<\/p>\n<h2><b>A Combo of New and Familiar Features<\/b><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24619\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/02\/13204905\/hc-editor-change-series.gif\" alt=\"This image shows the ability to change series type via a drop down menu inside the new Highcharts Editor.\" width=\"1200\" height=\"530\" \/><\/p>\n<p>The new editor includes many convenient features of the old version. To start, you can load dummy data with one click or upload your own CSV data.<\/p>\n<p>A cool new feature of the next-gen editor is that it recommends series types based on the kind of data you upload. If you don\u2019t like the editor\u2019s recommendations, you can always pick your preferred series type from a more extensive list in the editor\u2019s properties settings.<\/p>\n<h2><b>Powered by ChatGPT<\/b><\/h2>\n<p>But the real power of the new Highcharts Editor comes from its integration with ChatGPT.<\/p>\n<p>In the older editor, setting up advanced configurations required scrolling through a long screen of configurable options \u2014 an overwhelming task if you\u2019re not familiar with the Highcharts API. But thanks to the power of ChatGPT, we\u2019ve eliminated that firehose of choices and made it possible to customize your chart in seconds via simple written prompts.<\/p>\n<h2><b>No-Code Customization with Prompts<\/b><\/h2>\n<p>Define plot lines or bands, format data labels and tooltips, and adjust chart margins and axes properties without writing or modifying any code. There\u2019s even an undo button to roll back your changes if you don\u2019t like the results.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-24618\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2024\/02\/13204837\/example-prompt.gif\" alt=\"An image that shows an example written prompt: &quot;make the background of the tooltip dark red and the text white.&quot;\" width=\"992\" height=\"530\" \/><\/p>\n<p>You can also stack your prompts with multiple instructions, making it quick and easy to apply your brand\u2019s typography and colors in as few steps as possible.<\/p>\n<h2><b>Copy and Paste or Download Usable Code<\/b><\/h2>\n<p>Once you\u2019re satisfied with your configuration, copy or download it as JSON, JavaScript or an HTML snippet that you can paste into your projects.<\/p>\n<h2><b>Customize to Fit Your Needs<\/b><\/h2>\n<p>The new Highcharts Editor is stack agnostic too, so it will seamlessly integrate into your existing CMS, and with the ability to incorporate optional LLM\/Generative AI integrations, you can customize the editor to fit your exact use case.<\/p>\n<h2><b>Tell Us What You Think<\/b><\/h2>\n<p>To see all these new features in action, visit the <a href=\"https:\/\/lab.highsoft.com\/\">Highsoft Lab<\/a> and give our next-gen <a href=\"https:\/\/lab.highsoft.com\/editorv2\/\">Highcharts Editor<\/a> a try. Be sure to leave feedback. Even if it\u2019s just a thumbs up (or down), your input is critical to our success.<\/p>\n<p>&nbsp;<\/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\/inspirations\/dynamic-charts-in-javascript-with-highcharts\/\">Dynamic charts in JavaScript 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\/inspirations\/data-charting-with-highcharts\/\">Data charting with Highcharts<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve just launched Highsoft Lab, our special playground run by our R&#038;D and Innovation Team.<\/p>\n","protected":false},"author":250,"featured_media":24617,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[211],"tags":[1063,1094],"coauthors":[786],"class_list":["post-24616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-data-visualization","tag-highcharts-core"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/24616","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=24616"}],"version-history":[{"count":4,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/24616\/revisions"}],"predecessor-version":[{"id":26035,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/24616\/revisions\/26035"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/24617"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=24616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=24616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=24616"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=24616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}