<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Setting and using Custom JS Visualizations - Self Hosted Redash Support - Redash Discourse</title>
<meta name="description" content="Hi there;
My web container was started with the env variable set to
REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS=true
But I AM not getting the ability to chose custom visualization on the drop down menu.
Is there an&hellip;">
<meta name="generator" content="Discourse 3.2.0.beta2-dev - https://github.com/discourse/discourse version 83621ccbe797223b48b624b00ef04f24672e1f03">
<link rel="icon" type="image/png" href="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/1X/01e20869afc0877e3e5aee0f94419b9e9bffa961_2_32x32.ico">
<link rel="apple-touch-icon" type="image/png" href="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/1X/e1838a8a0c506503a22e0c60e2334374b2895c87_2_180x180.png">
<meta name="theme-color" media="all" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover">
<link rel="canonical" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664" />
<link rel="search" type="application/opensearchdescription+xml" href="https://discuss.redash.io/opensearch.xml" title="Redash Discourse Search">
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/color_definitions_base__2_8fd59ae1f286f43b3ff17996df07ea951685249d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" class="light-scheme"/>
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/desktop_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="desktop" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/checklist_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="checklist" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-adplugin_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-adplugin" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-akismet_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-akismet" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-cakeday_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-cakeday" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-chat-integration_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-chat-integration" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-details_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-details" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-footnote_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-footnote" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-lazy-videos_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-lazy-videos" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-local-dates_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-local-dates" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-narrative-bot_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-narrative-bot" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-presence_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-presence" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-solved_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-solved" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/discourse-spoiler-alert_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="discourse-spoiler-alert" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/hosted-site_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="hosted-site" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/poll_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="poll" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/poll_desktop_d86c892d7cd5311243d31a8f11787f4b0342874d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="poll_desktop" />
<link href="https://sjc6.discourse-cdn.com/standard17/stylesheets/desktop_theme_2_be4cb2b86ec06123c5e974acd20fd933d14b129d.css?__ws=discuss.redash.io" media="all" rel="stylesheet" data-target="desktop_theme" data-theme-id="2" data-theme-name="default"/>
<meta id="data-ga-universal-analytics" data-tracking-code="UA-47088186-6" data-json="{"cookieDomain":"auto"}" data-auto-link-domains="">
<link rel="preload" href="https://global.discourse-cdn.com/standard17/assets/google-universal-analytics-v3-08add7ec997ab472fcd9f821d32ff7caf4b8b9a5de2ec18ca723a040be07a098.gz.js" as="script">
<script defer src="https://global.discourse-cdn.com/standard17/assets/google-universal-analytics-v3-08add7ec997ab472fcd9f821d32ff7caf4b8b9a5de2ec18ca723a040be07a098.gz.js"></script>
<link rel="alternate nofollow" type="application/rss+xml" title="RSS feed of 'Setting and using Custom JS Visualizations'" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664.rss" />
<meta property="og:site_name" content="Redash Discourse" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://global.discourse-cdn.com/standard17/uploads/redash1/original/1X/e1838a8a0c506503a22e0c60e2334374b2895c87.png" />
<meta property="og:image" content="https://global.discourse-cdn.com/standard17/uploads/redash1/original/1X/e1838a8a0c506503a22e0c60e2334374b2895c87.png" />
<meta property="og:url" content="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664" />
<meta name="twitter:url" content="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664" />
<meta property="og:title" content="Setting and using Custom JS Visualizations" />
<meta name="twitter:title" content="Setting and using Custom JS Visualizations" />
<meta property="og:description" content="Hi there; My web container was started with the env variable set to REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS=true But I AM not getting the ability to chose custom visualization on the drop down menu. Is there any pointer to this ? I could not find much documentation on this feature other then this github issue: https://github.com/getredash/redash/issues/1628" />
<meta name="twitter:description" content="Hi there; My web container was started with the env variable set to REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS=true But I AM not getting the ability to chose custom visualization on the drop down menu. Is there any pointer to this ? I could not find much documentation on this feature other then this github issue: https://github.com/getredash/redash/issues/1628" />
<meta property="og:article:section" content="Support" />
<meta property="og:article:section:color" content="BF1E2E" />
<meta property="og:article:section" content="Self Hosted Redash Support" />
<meta property="og:article:section:color" content="AB9364" />
<meta name="twitter:label1" value="Reading time" />
<meta name="twitter:data1" value="1 mins 🕑" />
<meta name="twitter:label2" value="Likes" />
<meta name="twitter:data2" value="2 ❤" />
<meta property="article:published_time" content="2018-11-09T14:04:26+00:00" />
<meta property="og:ignore_canonical" content="true" />
<script type="application/ld+json">{"@context":"http://schema.org","@type":"QAPage","name":"Setting and using Custom JS Visualizations","mainEntity":{"@type":"Question","name":"Setting and using Custom JS Visualizations","text":"Hi there;\n\nMy web container was started with the env variable set to\n\nREDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS=true\n\nBut I AM not getting the ability to chose custom visualization on the drop down menu.\n\nIs there any pointer to this ?\n\nI could not find much documentation on this feature other t…","upvoteCount":0,"answerCount":0,"dateCreated":"2018-11-09T14:04:26.824Z","author":{"@type":"Person","name":"Igor Barbosa"}}}</script>
</head>
<body class="crawler ">
<header>
<a href="/">
Redash Discourse
</a>
</header>
<div id="main-outlet" class="wrap" role="main">
<div id="topic-title">
<h1>
<a href="/t/setting-and-using-custom-js-visualizations/2664">Setting and using Custom JS Visualizations</a>
</h1>
<div class="topic-category" itemscope itemtype="http://schema.org/BreadcrumbList">
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="https://discuss.redash.io/c/support/6" class="badge-wrapper bullet" itemprop="item">
<span class='badge-category-bg' style='background-color: #BF1E2E'></span>
<span class='badge-category clear-badge'>
<span class='category-name' itemprop='name'>Support</span>
</span>
</a>
<meta itemprop="position" content="1" />
</span>
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a href="https://discuss.redash.io/c/support/support-self-hosted/9" class="badge-wrapper bullet" itemprop="item">
<span class='badge-category-bg' style='background-color: #AB9364'></span>
<span class='badge-category clear-badge'>
<span class='category-name' itemprop='name'>Self Hosted Redash Support</span>
</span>
</a>
<meta itemprop="position" content="2" />
</span>
</div>
</div>
<div itemscope itemtype='http://schema.org/DiscussionForumPosting'>
<meta itemprop='headline' content='Setting and using Custom JS Visualizations'>
<meta itemprop='articleSection' content='Self Hosted Redash Support'>
<meta itemprop='keywords' content=''>
<div itemprop='publisher' itemscope itemtype="http://schema.org/Organization">
<meta itemprop='name' content='Redash Discourse'>
<div itemprop='logo' itemscope itemtype="http://schema.org/ImageObject">
<meta itemprop='url' content='https://global.discourse-cdn.com/standard17/uploads/redash1/original/1X/c07bc573841e1e4a0013ea3b6fe088a1534228a3.png'>
</div>
</div>
<div id='post_1' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/abarbosa'><span itemprop='name'>abarbosa</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2018-11-09T14:04:26Z' class='post-time'>
November 9, 2018, 2:04pm
</time>
<meta itemprop='dateModified' content='2018-11-09T14:04:26Z'>
<span itemprop='position'>1</span>
</span>
</div>
<div class='post' itemprop='articleBody'>
<p>Hi there;</p>
<p>My web container was started with the env variable set to<br>
<code>REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS=true</code></p>
<p>But I AM not getting the ability to chose custom visualization on the drop down menu.<br>
Is there any pointer to this ?<br>
I could not find much documentation on this feature other then this github issue: <a href="https://github.com/getredash/redash/issues/1628" rel="nofollow noopener">https://github.com/getredash/redash/issues/1628</a></p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="0" />
<span class='post-likes'></span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="1" />
</div>
<div class='crawler-linkback-list' itemscope itemtype='http://schema.org/ItemList'>
<div itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'>
<a itemprop='url' href="http://discuss.redash.io/t/how-to-control-text-position-on-data-labels-of-barchart/9962/3">How to control text position on data labels of barchart?</a>
<meta itemprop='position' content='2'>
</div>
</div>
</div>
<div id='post_2' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/abarbosa'><span itemprop='name'>abarbosa</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2018-11-09T15:57:12Z' class='post-time'>
November 9, 2018, 3:57pm
</time>
<meta itemprop='dateModified' content='2018-11-09T15:57:12Z'>
<span itemprop='position'>2</span>
</span>
</div>
<div class='post' itemprop='text'>
<p>Ok, found that the Custom Visualization is under Chart type.</p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="0" />
<span class='post-likes'></span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="0" />
</div>
</div>
<div id='post_3' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/todi'><span itemprop='name'>todi</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2020-06-08T11:56:46Z' class='post-time'>
June 8, 2020, 11:56am
</time>
<meta itemprop='dateModified' content='2020-06-08T11:56:46Z'>
<span itemprop='position'>3</span>
</span>
</div>
<div class='post' itemprop='text'>
<p>Would you care to share an example on how it is used?</p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="0" />
<span class='post-likes'></span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="0" />
</div>
</div>
<div id='post_4' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/redashdev'><span itemprop='name'>redashdev</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2020-10-06T12:10:31Z' class='post-time'>
October 6, 2020, 12:10pm
</time>
<meta itemprop='dateModified' content='2020-10-06T12:10:31Z'>
<span itemprop='position'>4</span>
</span>
</div>
<div class='post' itemprop='text'>
<aside class="quote no-group" data-username="abarbosa" data-post="1" data-topic="2664">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="20" height="20" src="https://avatars.discourse-cdn.com/v4/letter/a/48db29/40.png" class="avatar"> abarbosa:</div>
<blockquote>
<p><code>REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS=true</code></p>
</blockquote>
</aside>
<p>In order to create a new visualization the env variable REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS has been set to true in redash/redash/settings/<strong>init</strong>.py.<br>
What is the next step to be done to show a custom visualization? can someone help?</p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="1" />
<span class='post-likes'>1 Like</span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="1" />
</div>
</div>
<div id='post_5' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/ramziyassine'><span itemprop='name'>ramziyassine</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<link itemprop="image" href="https://global.discourse-cdn.com/standard17/uploads/redash1/original/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5.png">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2022-04-27T17:26:58Z' class='post-time'>
April 27, 2022, 5:26pm
</time>
<meta itemprop='dateModified' content='2022-04-27T17:26:58Z'>
<span itemprop='position'>5</span>
</span>
</div>
<div class='post' itemprop='text'>
<p>Hi, community,</p>
<p>We also set the environment variable <strong>REDASH_FEATURE_ALLOW_CUSTOM_JS_VISUALIZATIONS</strong> to <em>true</em> but still not able to see the custom option in chart type</p>
<p><div class="lightbox-wrapper"><a class="lightbox" href="https://global.discourse-cdn.com/standard17/uploads/redash1/original/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5.png" data-download-href="/uploads/short-url/vU2XOBMTyMNOfsg0JdgIVwxuV2B.png?dl=1" title="image" rel="noopener nofollow ugc"><img src="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5_2_690x215.png" alt="image" data-base62-sha1="vU2XOBMTyMNOfsg0JdgIVwxuV2B" width="690" height="215" srcset="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5_2_690x215.png, https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5_2_1035x322.png 1.5x, https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5_2_1380x430.png 2x" data-small-upload="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/d/df9952315f16d0eb8cd5ba8835342e37221119e5_2_10x10.png"><div class="meta">
<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">2478×774 41.2 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg>
</div></a></div></p>
<ul>
<li>We running self hosted redash in AWS ECS</li>
<li>redash version: <strong>Version: 10.1.0 (2589bef1)</strong>
</li>
</ul>
<p><a href="https://github.com/getredash/redash/blob/d8d7c78992e44a4b6d7fdd4c39ccc1c35cd8c7a9/viz-lib/src/visualizations/chart/Renderer/index.tsx#L11" rel="noopener nofollow ugc">I looked at the code base and the only thing I am wondering about it</a></p>
<pre data-code-wrap="js"><code class="lang-nohighlight">export default function Renderer({ options, ...props }: any) {
if (options.globalSeriesType === "custom" && visualizationsSettings.allowCustomJSVisualizations) {
return <CustomPlotlyChart options={options} {...props} />;
}
return <PlotlyChart options={options} {...props} />;
}
</code></pre>
<p>Any help is appreciated,</p>
<p>Thank you<br>
Ramzi</p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="0" />
<span class='post-likes'></span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="1" />
</div>
</div>
<div id='post_6' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/jesse'><span itemprop='name'>jesse</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<link itemprop="image" href="https://global.discourse-cdn.com/standard17/uploads/redash1/original/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7.png">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2022-04-27T18:41:47Z' class='post-time'>
April 27, 2022, 6:41pm
</time>
<meta itemprop='dateModified' content='2022-04-27T18:41:47Z'>
<span itemprop='position'>6</span>
</span>
</div>
<div class='post' itemprop='text'>
<p>Hey <a class="mention" href="/u/ramziyassine">@ramziyassine</a> the custom chart is a sub-type of <code>Chart</code> option.</p>
<p><div class="lightbox-wrapper"><a class="lightbox" href="https://global.discourse-cdn.com/standard17/uploads/redash1/original/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7.png" data-download-href="/uploads/short-url/pOKXjXzTfZ7ZLVBYthNC4gxRULt.png?dl=1" title="CleanShot 2022-04-27 at 13.41.21@2x"><img src="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7_2_485x500.png" alt="CleanShot 2022-04-27 at 13.41.21@2x" data-base62-sha1="pOKXjXzTfZ7ZLVBYthNC4gxRULt" width="485" height="500" srcset="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7_2_485x500.png, https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7_2_727x750.png 1.5x, https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7_2_970x1000.png 2x" data-small-upload="https://global.discourse-cdn.com/standard17/uploads/redash1/optimized/2X/b/b4f32e3e9f482331a49708181cb870b7e5f1eac7_2_10x10.png"><div class="meta">
<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">CleanShot 2022-04-27 at 13.41.21@2x</span><span class="informations">1236×1272 63.4 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg>
</div></a></div></p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="1" />
<span class='post-likes'>1 Like</span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="0" />
</div>
</div>
<div id='post_7' itemprop='comment' itemscope itemtype='http://schema.org/Comment' class='topic-body crawler-post'>
<div class='crawler-post-meta'>
<span class="creator" itemprop="author" itemscope itemtype="http://schema.org/Person">
<a itemprop="url" href='https://discuss.redash.io/u/ramziyassine'><span itemprop='name'>ramziyassine</span></a>
</span>
<link itemprop="mainEntityOfPage" href="https://discuss.redash.io/t/setting-and-using-custom-js-visualizations/2664">
<span class="crawler-post-infos">
<time itemprop='datePublished' datetime='2022-04-27T23:46:41Z' class='post-time'>
April 27, 2022, 11:46pm
</time>
<meta itemprop='dateModified' content='2022-04-27T23:46:41Z'>
<span itemprop='position'>7</span>
</span>
</div>
<div class='post' itemprop='text'>
<p>You are awesome sir I was just looking in the wrong place much appreciated.</p>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/LikeAction"/>
<meta itemprop="userInteractionCount" content="0" />
<span class='post-likes'></span>
</div>
<div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
<meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
<meta itemprop="userInteractionCount" content="0" />
</div>
</div>
</div>
</div>
<footer class="container wrap">
<nav class='crawler-nav'>
<ul>
<li itemscope itemtype='http://schema.org/SiteNavigationElement'>
<span itemprop='name'>
<a href='/' itemprop="url">Home </a>
</span>
</li>
<li itemscope itemtype='http://schema.org/SiteNavigationElement'>
<span itemprop='name'>
<a href='/categories' itemprop="url">Categories </a>
</span>
</li>
<li itemscope itemtype='http://schema.org/SiteNavigationElement'>
<span itemprop='name'>
<a href='/guidelines' itemprop="url">FAQ/Guidelines </a>
</span>
</li>
<li itemscope itemtype='http://schema.org/SiteNavigationElement'>
<span itemprop='name'>
<a href='http://redash.io/terms.html' itemprop="url">Terms of Service </a>
</span>
</li>
<li itemscope itemtype='http://schema.org/SiteNavigationElement'>
<span itemprop='name'>
<a href='http://redash.io/privacy.html' itemprop="url">Privacy Policy </a>
</span>
</li>
</ul>
</nav>
<p class='powered-by-link'>Powered by <a href="https://www.discourse.org">Discourse</a>, best viewed with JavaScript enabled</p>
</footer>
</body>
</html>