-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
17 lines (17 loc) · 31.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!doctype html>
<html lang="en" dir="ltr" class="plugin-pages plugin-id-default">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Docusaurus v2.4.0">
<title data-rh="true">Documentation PlotlyJS Visual by Akvelon | PlotlyJS Visual by Akvelon</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://akvelon.github.io/plotlyjsvisual/"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Documentation PlotlyJS Visual by Akvelon | PlotlyJS Visual by Akvelon"><meta data-rh="true" name="description" content="Description will go into a meta tag in <head />"><meta data-rh="true" property="og:description" content="Description will go into a meta tag in <head />"><link data-rh="true" rel="icon" href="/plotlyjsvisual/img/favicon.svg"><link data-rh="true" rel="canonical" href="https://akvelon.github.io/plotlyjsvisual/"><link data-rh="true" rel="alternate" href="https://akvelon.github.io/plotlyjsvisual/" hreflang="en"><link data-rh="true" rel="alternate" href="https://akvelon.github.io/plotlyjsvisual/" hreflang="x-default"><script data-rh="true">function maybeInsertBanner(){window.__DOCUSAURUS_INSERT_BASEURL_BANNER&&insertBanner()}function insertBanner(){var n=document.getElementById("docusaurus-base-url-issue-banner-container");if(n){n.innerHTML='\n<div id="docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/plotlyjsvisual/</span> </p>\n <p>We suggest trying baseUrl = <span id="docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n';var e=document.getElementById("docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,r="/"===s.substr(-1)?s:s+"/";e.innerHTML=r}}window.__DOCUSAURUS_INSERT_BASEURL_BANNER=!0,document.addEventListener("DOMContentLoaded",maybeInsertBanner)</script><link rel="alternate" type="application/rss+xml" href="/plotlyjsvisual/blog/rss.xml" title="PlotlyJS Visual by Akvelon RSS Feed">
<link rel="alternate" type="application/atom+xml" href="/plotlyjsvisual/blog/atom.xml" title="PlotlyJS Visual by Akvelon Atom Feed"><link rel="stylesheet" href="/plotlyjsvisual/assets/css/styles.042fc2db.css">
<link rel="preload" href="/plotlyjsvisual/assets/js/runtime~main.1bab2e42.js" as="script">
<link rel="preload" href="/plotlyjsvisual/assets/js/main.47e276fa.js" as="script">
</head>
<body class="navigation-with-keyboard">
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
<div id="docusaurus-base-url-issue-banner-container"></div><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/plotlyjsvisual/"><div class="navbar__logo"><img src="/plotlyjsvisual/img/appsource_icon.png" alt="PlotlyJS Visual" class="themedImage_ToTc themedImage--light_HNdA"><img src="/plotlyjsvisual/img/appsource_icon.png" alt="PlotlyJS Visual" class="themedImage_ToTc themedImage--dark_i4oU"></div><b class="navbar__title text--truncate">PlotlyJS Visual</b></a><a class="navbar__item navbar__link" href="/plotlyjsvisual/docs/intro">Documentation</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/akvelon" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="searchBox_ZlJk"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary heroBanner_qdFl"><div class="container"><h1 class="hero__title">PlotlyJS Visual by Akvelon</h1><p class="hero__subtitle">Akvelon’s PlotyJS Visual was created to connect data in Power BI and the capabilities of the Plotly.js visualization library, allowing users to reuse knowledge and existing solutions in their Power BI reports and dashboards.</p><div class="buttons_AeoN"><a class="button button--secondary button--lg" href="/plotlyjsvisual/docs/intro">PlotlyJS Visual Tutorial</a></div></div></header><main><section class="features_t9lD"><div class="container"><div class="row"><div class="col col--4"><div class="text--center"><svg width="227" height="77" viewBox="0 0 227 77" fill="none" xmlns="http://www.w3.org/2000/svg" class="featureSvg_GfXr" role="img"><g clip-path="url(#a)"><g filter="url(#b)"><path d="M121 18a5 5 0 0 1 5-5h54a5 5 0 0 1 5 5v39a5 5 0 0 1-5 5h-54a5 5 0 0 1-5-5V18Z" fill="#F7F7F7"></path><rect x="124.556" y="20" width="42.667" height="3" rx="1.5" fill="#E86719"></rect><rect x="124.556" y="25" width="27.259" height="3" rx="1.5" fill="#E86719"></rect><rect x="130.481" y="30" width="29.63" height="3" rx="1.5" fill="#E86719"></rect><rect x="130.481" y="35" width="24.889" height="3" rx="1.5" fill="#E86719"></rect><rect x="130.481" y="40" width="40.296" height="3" rx="1.5" fill="#E86719"></rect><rect x="130.481" y="45" width="34.37" height="3" rx="1.5" fill="#E86719"></rect></g><g filter="url(#c)"><path d="M8 29a5 5 0 0 1 5-5h57a5 5 0 0 1 5 5v39a5 5 0 0 1-5 5H13a5 5 0 0 1-5-5V29Z" fill="#F7F7F7"></path><rect x="13" y="29" width="29" height="3" rx="1.5" fill="#D3D6DF"></rect><rect x="13" y="35" width="17" height="3" rx="1.5" fill="#D3D6DF"></rect><path d="M14 61.5h9.9a1 1 0 0 0 .882-.53l3.436-6.44A1 1 0 0 1 29.1 54h7.846a1 1 0 0 0 .848-.47l4.412-7.06a1 1 0 0 1 .848-.47H60" stroke="#E86719" stroke-width="2" stroke-linecap="round"></path></g><g filter="url(#d)"><path d="M58 5a5 5 0 0 1 5-5h67a5 5 0 0 1 5 5v39a5 5 0 0 1-5 5H63a5 5 0 0 1-5-5V5Z" fill="#fff"></path><rect x="66" y="44" width="30" height="9" rx="4" transform="rotate(-90 66 44)" fill="#E86719"></rect><rect x="114" y="44" width="36" height="9" rx="4" transform="rotate(-90 114 44)" fill="#E86719"></rect><rect opacity="0.3" x="78" y="44" width="16" height="9" rx="4" transform="rotate(-90 78 44)" fill="#E86719"></rect><rect x="90" y="44" width="24" height="9" rx="4" transform="rotate(-90 90 44)" fill="#E86719"></rect><rect opacity="0.3" x="102" y="44" width="13" height="9" rx="4" transform="rotate(-90 102 44)" fill="#E86719"></rect></g><g filter="url(#e)"><rect x="87" y="54" width="68" height="16" rx="8" fill="#E86719"></rect><path d="M110.94 60.98a.994.994 0 0 0-.21-.15c-.12-.073-.27-.15-.45-.23a3.08 3.08 0 0 0-.59-.21 2.354 2.354 0 0 0-.64-.09c-.587 0-.88.197-.88.59 0 .24.127.41.38.51.26.1.63.22 1.11.36.453.127.843.273 1.17.44.333.16.59.377.77.65.18.267.27.62.27 1.06 0 .4-.073.74-.22 1.02a1.878 1.878 0 0 1-.6.67c-.253.167-.54.29-.86.37-.313.073-.64.11-.98.11-.527 0-1.06-.077-1.6-.23a5.306 5.306 0 0 1-1.43-.65l.72-1.43c.027.033.113.097.26.19.147.087.33.18.55.28.22.1.46.187.72.26.267.067.537.1.81.1.58 0 .87-.177.87-.53 0-.18-.077-.32-.23-.42a1.94 1.94 0 0 0-.61-.27l-.88-.27c-.653-.2-1.137-.443-1.45-.73-.307-.287-.46-.697-.46-1.23 0-.5.117-.92.35-1.26.24-.347.56-.607.96-.78.4-.18.837-.27 1.31-.27.5 0 .973.087 1.42.26.447.167.827.34 1.14.52l-.72 1.36Zm4.772 5.12c-.593 0-1.1-.123-1.52-.37a2.584 2.584 0 0 1-.97-.98 2.73 2.73 0 0 1-.33-1.32c0-.507.11-.97.33-1.39.22-.42.54-.757.96-1.01.42-.253.93-.38 1.53-.38.594 0 1.1.127 1.52.38.42.253.737.587.95 1 .22.413.33.857.33 1.33 0 .193-.013.363-.04.51h-3.88c.027.353.154.623.38.81.234.18.497.27.79.27.234 0 .457-.057.67-.17a.915.915 0 0 0 .44-.46l1.36.38c-.206.413-.53.75-.97 1.01-.433.26-.95.39-1.55.39Zm-1.16-3.21h2.28c-.033-.333-.156-.597-.37-.79-.206-.2-.463-.3-.77-.3a1.1 1.1 0 0 0-.78.3c-.206.2-.326.463-.36.79Zm4.856 1.54c0-.347.096-.65.29-.91.193-.26.46-.463.8-.61.34-.153.73-.23 1.17-.23.213 0 .423.02.63.06.206.033.386.083.54.15v-.23c0-.593-.35-.89-1.05-.89-.294 0-.57.05-.83.15a4.55 4.55 0 0 0-.81.43l-.48-1.02a4.08 4.08 0 0 1 2.28-.68c.786 0 1.396.19 1.83.57.44.373.66.917.66 1.63v1.37c0 .16.023.273.07.34.053.067.143.103.27.11V66a5.45 5.45 0 0 1-.38.06 2.63 2.63 0 0 1-.3.02c-.3 0-.53-.06-.69-.18a.786.786 0 0 1-.29-.49l-.03-.23c-.234.3-.514.53-.84.69-.327.153-.664.23-1.01.23-.347 0-.66-.073-.94-.22a1.733 1.733 0 0 1-.65-.59c-.16-.253-.24-.54-.24-.86Zm3.18.2c.166-.133.25-.27.25-.41v-.47a2.336 2.336 0 0 0-.46-.12 2.176 2.176 0 0 0-.44-.05c-.3 0-.547.067-.74.2-.187.133-.28.303-.28.51 0 .18.07.337.21.47.146.127.34.19.58.19.16 0 .32-.03.48-.09.16-.06.293-.137.4-.23Zm6.839-2.51c-.387.007-.737.07-1.05.19-.313.12-.54.3-.68.54V66h-1.6v-5.25h1.47v1.06c.18-.353.413-.63.7-.83.287-.2.587-.303.9-.31.133 0 .22.003.26.01v1.44Zm3.645 3.98c-.587 0-1.094-.127-1.52-.38a2.628 2.628 0 0 1-.97-1 2.828 2.828 0 0 1-.33-1.35c0-.48.11-.927.33-1.34.226-.413.55-.747.97-1 .42-.253.926-.38 1.52-.38.6 0 1.106.13 1.52.39.42.253.733.587.94 1l-1.56.47c-.207-.333-.51-.5-.91-.5-.327 0-.604.123-.83.37-.227.247-.34.577-.34.99 0 .413.113.747.34 1 .226.253.503.38.83.38.2 0 .383-.047.55-.14.166-.1.29-.227.37-.38l1.56.48c-.194.407-.504.74-.93 1-.42.26-.934.39-1.54.39Zm8.753-.1h-1.6v-2.95c0-.34-.07-.59-.21-.75a.665.665 0 0 0-.54-.24c-.187 0-.397.087-.63.26-.227.167-.387.39-.48.67V66h-1.6v-7.3h1.6v2.93c.187-.313.44-.553.76-.72.32-.173.67-.26 1.05-.26.353 0 .64.06.86.18.22.12.387.28.5.48.113.193.19.407.23.64.04.233.06.463.06.69V66Z" fill="#fff"></path><path d="M93 61.429a3.429 3.429 0 1 0 6.857 0 3.429 3.429 0 0 0-6.857 0Z" fill="#E86719" fill-opacity="0.1"></path><path d="m101 66-2.147-2.147m-2.424 1.004a3.429 3.429 0 1 1 0-6.857 3.429 3.429 0 0 1 0 6.857Z" stroke="#fff" stroke-width="2" stroke-linecap="round"></path></g><path d="M191 63.5c0-6.42 4.482-11.794 10.488-13.163 1.127-.257 2.112.672 2.112 1.828v3.364c0 .996-.752 1.808-1.661 2.213a6.301 6.301 0 0 0 4.822 11.64c.928-.357 2.034-.314 2.738.39l2.378 2.378c.818.818.779 2.171-.201 2.787A13.436 13.436 0 0 1 204.5 77c-7.456 0-13.5-6.044-13.5-13.5Z" fill="#E86719"></path><g opacity="0.5" fill="#E86719"><path d="M213.75 70.877c.818.818 2.171.779 2.787-.2A13.438 13.438 0 0 0 218.6 63.5c0-1.144-.142-2.254-.41-3.315-.274-1.085-1.486-1.557-2.509-1.103l-2.968 1.32c-.98.435-1.406 1.573-1.329 2.643a6.283 6.283 0 0 1-.402 2.716c-.357.928-.314 2.034.389 2.738l2.379 2.378ZM207.661 57.742c-.909-.405-1.661-1.217-1.661-2.212v-3.364c0-1.157.984-2.086 2.112-1.829a13.494 13.494 0 0 1 7.324 4.478c.77.916.338 2.256-.755 2.742l-3.2 1.422c-.837.372-1.802.099-2.526-.462a6.276 6.276 0 0 0-1.294-.775Z"></path></g></g><defs><filter id="b" x="105" y="5" width="96" height="81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:257"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:257" result="effect2_dropShadow_1470:257"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:257" result="shape"></feBlend></filter><filter id="c" x="-8" y="16" width="99" height="81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:257"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:257" result="effect2_dropShadow_1470:257"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:257" result="shape"></feBlend></filter><filter id="d" x="42" y="-8" width="109" height="81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:257"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:257" result="effect2_dropShadow_1470:257"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:257" result="shape"></feBlend></filter><filter id="e" x="71" y="46" width="100" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:257"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:257" result="effect2_dropShadow_1470:257"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:257" result="shape"></feBlend></filter><clipPath id="a"><path fill="#fff" d="M0 0h227v77H0z"></path></clipPath></defs></svg></div><div class="text--center padding-horiz--md"><h3>All in one</h3><p>All Plotly.JS charts in one convenient visual.</p></div></div><div class="col col--4"><div class="text--center"><svg width="227" height="77" viewBox="0 0 227 77" fill="none" xmlns="http://www.w3.org/2000/svg" class="featureSvg_GfXr" role="img"><g clip-path="url(#a)"><g filter="url(#b)"><path d="M99 12a5 5 0 0 1 5-5h110a5 5 0 0 1 5 5v5H99v-5Z" fill="#E86719"></path><path d="M99 17h120v60H99V17Z" fill="#fff"></path><circle cx="211" cy="12" r="2" fill="#D3D6DF"></circle><circle cx="205" cy="12" r="2" fill="#D3D6DF"></circle><circle cx="199" cy="12" r="2" fill="#D3D6DF"></circle><rect x="105" y="22" width="109" height="63" rx="3" fill="#E86719" fill-opacity="0.1" stroke="#E86719" stroke-linecap="round" stroke-dasharray="2 3"></rect></g><g filter="url(#c)"><path d="M8 12a5 5 0 0 1 5-5h58a5 5 0 0 1 5 5v65H8V12Z" fill="#fff"></path><rect x="13" y="12" width="34" height="3" rx="1.5" fill="#D3D6DF"></rect><rect x="13" y="21" width="58" height="3" rx="1.5" fill="#E86719"></rect><rect x="13" y="53" width="55" height="3" rx="1.5" fill="#E86719"></rect><rect x="13" y="37" width="47" height="3" rx="1.5" fill="#E86719"></rect><rect x="13" y="69" width="47" height="3" rx="1.5" fill="#E86719"></rect><rect x="13" y="26" width="17" height="3" rx="1.5" fill="#E86719"></rect><rect x="13" y="58" width="17" height="3" rx="1.5" fill="#E86719"></rect><rect x="13" y="42" width="26" height="3" rx="1.5" fill="#E86719"></rect></g><g filter="url(#d)"><rect x="87" y="31" width="68" height="16" rx="5" fill="#fff"></rect><rect x="92" y="35" width="58" height="3" rx="1.5" fill="#E86719"></rect><rect x="92" y="40" width="17" height="3" rx="1.5" fill="#E86719"></rect></g><g filter="url(#e)"><path d="M146 44v11.188l2.969-2.866.16-.139h5.036L146 44Z" fill="#000"></path><path d="m146.354 43.647-.854-.856v13.575l.847-.818 2.96-2.857.009-.008h6.054l-.851-.853-8.165-8.183Z" stroke="#fff"></path></g></g><defs><filter id="b" x="83" y="-1" width="152" height="110.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:213"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:213" result="effect2_dropShadow_1470:213"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:213" result="shape"></feBlend></filter><filter id="c" x="-8" y="-1" width="100" height="102" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:213"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:213" result="effect2_dropShadow_1470:213"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:213" result="shape"></feBlend></filter><filter id="d" x="71" y="23" width="100" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:213"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1470:213" result="effect2_dropShadow_1470:213"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1470:213" result="shape"></feBlend></filter><filter id="e" x="141" y="37.582" width="19.575" height="23.961" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1470:213"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_1470:213" result="shape"></feBlend></filter><clipPath id="a"><path fill="#fff" d="M0 0h227v77H0z"></path></clipPath></defs></svg></div><div class="text--center padding-horiz--md"><h3>User friendly editor</h3><p>Chart studio provides a user friendly editor.</p></div></div><div class="col col--4"><div class="text--center"><svg width="227" height="77" viewBox="0 0 227 77" fill="none" xmlns="http://www.w3.org/2000/svg" class="featureSvg_GfXr" role="img"><g clip-path="url(#a)"><path d="M24.5 32C18.701 32 14 36.697 14 42.494s4.701 10.494 10.5 10.494S35 48.291 35 42.494 30.299 32 24.5 32ZM18.5 58.982c-5.799 0-10.5 4.7-10.5 10.499v7.492h33V69.48c0-5.8-4.701-10.499-10.5-10.499h-12Z" fill="#E86719"></path><g opacity="0.5" fill="#E86719"><path d="M190.5 32c-5.799 0-10.5 4.697-10.5 10.494s4.701 10.494 10.5 10.494S201 48.291 201 42.494 196.299 32 190.5 32ZM184.5 58.982c-5.799 0-10.5 4.7-10.5 10.499v7.492h33V69.48c0-5.8-4.701-10.499-10.5-10.499h-12ZM211.5 62H210v15h9v-7.5a7.5 7.5 0 0 0-7.5-7.5ZM208.5 44a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15Z"></path></g><rect x="47" y="66" width="121" height="3" rx="1.5" fill="#E86719"></rect><path d="M88 10.333a5 5 0 0 0-5 5V53.5a5 5 0 0 0 5 5h40a5 5 0 0 0 5-5V22a5 5 0 0 0-5-5h-19.31l-6.666-6.667H88Z" fill="#F6F6F6"></path><rect x="100" y="68.299" width="17.299" height="4.325" rx="2.162" transform="rotate(-90 100 68.299)" fill="#F6F6F6"></rect><g filter="url(#b)"><circle cx="102" cy="68" r="4" fill="#F6F6F6"></circle></g><g filter="url(#c)"><path d="M111 9a5 5 0 0 1 5-5h30a5 5 0 0 1 5 5v23a5 5 0 0 1-5 5h-30a5 5 0 0 1-5-5V9Z" fill="#F7F7F7"></path><rect x="117" y="33" width="16" height="4" rx="2" transform="rotate(-90 117 33)" fill="#E86719"></rect><rect x="140.065" y="33.299" width="17.299" height="4.325" rx="2.162" transform="rotate(-90 140.065 33.299)" fill="#E86719"></rect><rect opacity="0.3" x="122.766" y="33.299" width="7.688" height="4.325" rx="2.162" transform="rotate(-90 122.766 33.299)" fill="#E86719"></rect><rect x="128.532" y="33.299" width="11.533" height="4.325" rx="2.162" transform="rotate(-90 128.532 33.299)" fill="#E86719"></rect><rect opacity="0.3" x="134.299" y="33.299" width="6.247" height="4.325" rx="2.162" transform="rotate(-90 134.299 33.299)" fill="#E86719"></rect><rect x="114.367" y="7.367" width="19.531" height="2.02" rx="1.01" fill="#D3D6DF"></rect><rect x="114.367" y="11.408" width="11.449" height="2.02" rx="1.01" fill="#D3D6DF"></rect></g><g filter="url(#d)"><path d="M82 15.333a5 5 0 0 0-5 5v33.334a5 5 0 0 0 5 5h40a5 5 0 0 0 5-5V27a5 5 0 0 0-5-5h-19.31l-6.666-6.667H82Z" fill="#fff"></path></g><path d="M104.667 34.667a2.668 2.668 0 1 1 1.53 2.413l-2.457 2.946 2.174 3.05A2.668 2.668 0 1 1 107.333 48a2.668 2.668 0 0 1-2.197-4.18l-2.341-3.282h-3.516a2.668 2.668 0 1 1 .002-1.067h3.532l2.529-3.032a2.655 2.655 0 0 1-.675-1.773Z" fill="#E86719"></path></g><defs><filter id="b" x="82" y="48" width="40" height="40" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1471:299"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1471:299" result="effect2_dropShadow_1471:299"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1471:299" result="shape"></feBlend></filter><filter id="c" x="95" y="-4" width="72" height="65" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="8"></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1471:299"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1471:299" result="effect2_dropShadow_1471:299"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1471:299" result="shape"></feBlend></filter><filter id="d" x="61" y="-4" width="82" height="82" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset></feOffset><feGaussianBlur stdDeviation="8"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.08 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1471:299"></feBlend><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2"></feGaussianBlur><feColorMatrix values="0 0 0 0 0.306823 0 0 0 0 0.364905 0 0 0 0 0.570833 0 0 0 0.16 0"></feColorMatrix><feBlend in2="effect1_dropShadow_1471:299" result="effect2_dropShadow_1471:299"></feBlend><feBlend in="SourceGraphic" in2="effect2_dropShadow_1471:299" result="shape"></feBlend></filter><clipPath id="a"><path fill="#fff" d="M0 0h227v77H0z"></path></clipPath></defs></svg></div><div class="text--center padding-horiz--md"><h3>Reusable charts</h3><p>You can easily import and export charts to share with your colleagues.</p></div></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/plotlyjsvisual/docs/intro">Tutorial</a></li></ul></div><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://twitter.com/AkvelonInc" target="_blank" rel="noopener noreferrer" class="footer__link-item">Twitter<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://akvelon.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Akvelon Inc.<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://akvelon.com/contact-us/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Get In Touch</a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2024 Akvelon, Inc. Built with Docusaurus.</div></div></div></footer></div>
<script src="/plotlyjsvisual/assets/js/runtime~main.1bab2e42.js"></script>
<script src="/plotlyjsvisual/assets/js/main.47e276fa.js"></script>
</body>
</html>