Skip to content

Commit 130747e

Browse files
ccerv1ccerv1
committed
fix: hide Plotly mode bar on iframe-embedded charts
1 parent e66e898 commit 130747e

5 files changed

Lines changed: 20 additions & 20 deletions

File tree

‎notebooks/insights/developer-lifecycle.py‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@ def _categorize(label):
159159
f'<script>var D={_djs_safe};var O={_opts_js};'
160160
'var sel=document.getElementById("sel");'
161161
'function show(i){document.getElementById("stats").innerHTML=D[O[i]].stats||"";'
162-
'Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
162+
'Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
163163
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
164164
'show(0);'
165165
'</script></body></html>'
@@ -256,7 +256,7 @@ def ecosystem_comparison_tabs(ACTIVE_LABELS, CHURNED_LABELS, DORMANT_LABELS, FT_
256256
'<div id="chart"></div>'
257257
f'<script>var D={_djs_safe};var O={_opts_js};'
258258
'var sel=document.getElementById("sel");'
259-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
259+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
260260
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
261261
'show(0);'
262262
'</script></body></html>'

‎notebooks/insights/developer-report-2025.py‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -426,7 +426,7 @@ def chart1_total_mads(EC_LIGHT_BLUE, df_all, go, mo, pd):
426426
'<div id="chart"></div>'
427427
f'<script>var D={_djs_safe};var O={_opts_js};'
428428
'var sel=document.getElementById("sel");'
429-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
429+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
430430
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
431431
'show(0);'
432432
'</script></body></html>'
@@ -510,7 +510,7 @@ def chart2_tenure_composition(TENURE_COLORS, df_all, go, mo, pd):
510510
'<div id="chart"></div>'
511511
f'<script>var D={_djs_safe};var O={_opts_js};'
512512
'var sel=document.getElementById("sel");'
513-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
513+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
514514
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
515515
'show(0);'
516516
'</script></body></html>'
@@ -663,7 +663,7 @@ def chart3_experienced_devs(TENURE_COLORS, df_all, go, mo):
663663
'<div id="chart"></div>'
664664
f'<script>var D={_djs_safe};var O={_opts_js};'
665665
'var sel=document.getElementById("sel");'
666-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
666+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
667667
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
668668
'show(0);'
669669
'</script></body></html>'
@@ -815,7 +815,7 @@ def chart4_developer_changes(TENURE_COLORS, df_all, go, mo):
815815
'<div id="chart"></div>'
816816
f'<script>var D={_djs_safe};var O={_opts_js};'
817817
'var sel=document.getElementById("sel");'
818-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
818+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
819819
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
820820
'show(0);'
821821
'</script></body></html>'
@@ -919,7 +919,7 @@ def chart5_newcomer_volatility(EC_LIGHT_BLUE, df_all, go, mo, pd):
919919
'<div id="chart"></div>'
920920
f'<script>var D={_djs_safe};'
921921
'var sel1=document.getElementById("sel1");var sel2=document.getElementById("sel2");'
922-
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true});}'
922+
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true,displayModeBar:false});}'
923923
'sel1.addEventListener("change",show);sel2.addEventListener("change",show);'
924924
'show();'
925925
'</script></body></html>'
@@ -1079,7 +1079,7 @@ def chart6_btc_eth_share(df_all, go, mo, pd):
10791079
'<div id="chart"></div>'
10801080
f'<script>var D={_djs_safe};'
10811081
'var sel1=document.getElementById("sel1");var sel2=document.getElementById("sel2");'
1082-
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true});}'
1082+
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true,displayModeBar:false});}'
10831083
'sel1.addEventListener("change",show);sel2.addEventListener("change",show);'
10841084
'show();'
10851085
'</script></body></html>'
@@ -1207,7 +1207,7 @@ def chart_ecosystem_total_devs(EC_LIGHT_BLUE, df_all, go, mo, pd):
12071207
'<div id="chart"></div>'
12081208
f'<script>var D={_djs_safe};'
12091209
'var sel1=document.getElementById("sel1");var sel2=document.getElementById("sel2");'
1210-
'function show(){var k=sel1.value+" | "+sel2.value;document.getElementById("stats").innerHTML=D[k].stats||"";Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true});}'
1210+
'function show(){var k=sel1.value+" | "+sel2.value;document.getElementById("stats").innerHTML=D[k].stats||"";Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true,displayModeBar:false});}'
12111211
'sel1.addEventListener("change",show);sel2.addEventListener("change",show);'
12121212
'show();'
12131213
'</script></body></html>'
@@ -1300,7 +1300,7 @@ def chart_ecosystem_tenure(TENURE_COLORS, df_all, go, mo, pd):
13001300
'<div id="chart"></div>'
13011301
f'<script>var D={_djs_safe};'
13021302
'var sel1=document.getElementById("sel1");var sel2=document.getElementById("sel2");'
1303-
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true});}'
1303+
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true,displayModeBar:false});}'
13041304
'sel1.addEventListener("change",show);sel2.addEventListener("change",show);'
13051305
'show();'
13061306
'</script></body></html>'
@@ -1387,7 +1387,7 @@ def chart_ecosystem_activity(ACTIVITY_COLORS, df_all, go, mo, pd):
13871387
'<div id="chart"></div>'
13881388
f'<script>var D={_djs_safe};'
13891389
'var sel1=document.getElementById("sel1");var sel2=document.getElementById("sel2");'
1390-
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true});}'
1390+
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true,displayModeBar:false});}'
13911391
'sel1.addEventListener("change",show);sel2.addEventListener("change",show);'
13921392
'show();'
13931393
'</script></body></html>'
@@ -1506,7 +1506,7 @@ def chart_ecosystem_newcomers_by_year(df_all, go, mo):
15061506
'<div id="chart"></div>'
15071507
f'<script>var D={_djs_safe};'
15081508
'var sel1=document.getElementById("sel1");var sel2=document.getElementById("sel2");'
1509-
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true});}'
1509+
'function show(){var k=sel1.value+" | "+sel2.value;Plotly.react("chart",D[k].chart.data,D[k].chart.layout,{responsive:true,displayModeBar:false});}'
15101510
'sel1.addEventListener("change",show);sel2.addEventListener("change",show);'
15111511
'show();'
15121512
'</script></body></html>'
@@ -1624,7 +1624,7 @@ def comparison_chart(df_all, mo, pd):
16241624
'return {type:"scatter",mode:"lines",name:eco+" ("+fmt(s.y[s.y.length-1])+")",x:s.x,y:s.y,line:{width:2,color:EC[eco]},hovertemplate:"<b>"+eco+"<\/b><br>%{x}<br>"+metric+": %{y:,.0f}<extra><\/extra>"};'
16251625
'}).filter(Boolean);'
16261626
'var title=ecos.length===1?ecos[0]+": "+metric+" Over Time":ecos.length===2?ecos[0]+" vs "+ecos[1]+": "+metric:"Ecosystem Comparison: "+metric;'
1627-
'Plotly.react("chart",traces,{height:450,margin:{t:80,l:60,r:60,b:60},template:"plotly_white",hovermode:"x unified",showlegend:true,legend:{orientation:"v",yanchor:"top",y:0.99,xanchor:"left",x:0.01,bgcolor:"rgba(255,255,255,0.9)",bordercolor:"#CCC",borderwidth:1},title:{text:title,font:{size:18,color:"#1B4F72"},x:0,xanchor:"left"},xaxis:{showgrid:false,showline:true,linecolor:"#1F2937",linewidth:1,tickformat:"%b %Y"},yaxis:{showgrid:true,gridcolor:"#E5E7EB",showline:true,linecolor:"#1F2937",linewidth:1}},{responsive:true});'
1627+
'Plotly.react("chart",traces,{height:450,margin:{t:80,l:60,r:60,b:60},template:"plotly_white",hovermode:"x unified",showlegend:true,legend:{orientation:"v",yanchor:"top",y:0.99,xanchor:"left",x:0.01,bgcolor:"rgba(255,255,255,0.9)",bordercolor:"#CCC",borderwidth:1},title:{text:title,font:{size:18,color:"#1B4F72"},x:0,xanchor:"left"},xaxis:{showgrid:false,showline:true,linecolor:"#1F2937",linewidth:1,tickformat:"%b %Y"},yaxis:{showgrid:true,gridcolor:"#E5E7EB",showline:true,linecolor:"#1F2937",linewidth:1}},{responsive:true,displayModeBar:false});'
16281628
'}'
16291629
'cbs.forEach(function(c){c.addEventListener("change",show);});'
16301630
'selMetric.addEventListener("change",show);'

‎notebooks/insights/developer-retention.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -269,7 +269,7 @@ def _stat(value, label, caption=''):
269269
f'<script>var D={_djs_safe};var O={_opts_js};'
270270
'var sel=document.getElementById("sel");'
271271
'function show(i){document.getElementById("stats").innerHTML=D[O[i]].stats||"";'
272-
'Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
272+
'Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
273273
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
274274
'show(0);'
275275
'</script></body></html>'

‎notebooks/insights/ethereum-repo-rank.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -645,7 +645,7 @@ def _(df_trending, df_engagement_daily, mo):
645645
' legend:{orientation:"h",yanchor:"bottom",y:1.04,xanchor:"left",x:0,bgcolor:"rgba(255,255,255,0.8)",font:{size:11,color:"#475569"}},'
646646
' xaxis:{showgrid:false,tickformat:"%b %d",linecolor:"#cbd5e1",linewidth:1,ticks:"outside",tickcolor:"#cbd5e1",tickfont:{color:"#64748b",size:11}},'
647647
' yaxis:{showgrid:true,gridcolor:"#f1f5f9",zeroline:true,zerolinecolor:"#e2e8f0",zerolinewidth:1,linecolor:"#cbd5e1",linewidth:1,ticks:"outside",tickcolor:"#cbd5e1",tickfont:{color:"#64748b",size:11},tickformat:","}};'
648-
' Plotly.react("chart",traces,layout,{responsive:true});'
648+
' Plotly.react("chart",traces,layout,{responsive:true,displayModeBar:false});'
649649
'}'
650650
'sel.addEventListener("change",render);'
651651
'render();'

‎notebooks/insights/speedrun-ethereum.py‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -483,7 +483,7 @@ def section_activity_by_ecosystem(
483483
'<div id="chart"></div>'
484484
f'<script>var D={_djs_safe};var O={_opts_js};'
485485
'var sel=document.getElementById("sel");'
486-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
486+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
487487
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
488488
'show(0);'
489489
'</script></body></html>'
@@ -904,7 +904,7 @@ def section_experience_funnel(
904904
'<div id="chart"></div>'
905905
f'<script>var D={_djs2_safe};var O={_opts2_js};'
906906
'var sel=document.getElementById("sel");'
907-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
907+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
908908
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
909909
'show(0);'
910910
'</script></body></html>'
@@ -1142,7 +1142,7 @@ def section_experience_retention(
11421142
'<div id="chart"></div>'
11431143
f'<script>var D={_djs3_safe};var O={_opts3_js};'
11441144
'var sel=document.getElementById("sel");'
1145-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
1145+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
11461146
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
11471147
'show(0);'
11481148
'</script></body></html>'
@@ -1207,7 +1207,7 @@ def section_experienced_dev_activity(
12071207
'<div id="chart"></div>'
12081208
f'<script>var D={_djs4_safe};var O={_opts4_js};'
12091209
'var sel=document.getElementById("sel");'
1210-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
1210+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
12111211
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
12121212
'show(0);'
12131213
'</script></body></html>'
@@ -1265,7 +1265,7 @@ def section_cohort_year_retention(
12651265
'<div id="chart"></div>'
12661266
f'<script>var D={_djs5_safe};var O={_opts5_js};'
12671267
'var sel=document.getElementById("sel");'
1268-
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true});}'
1268+
'function show(i){Plotly.react("chart",D[O[i]].chart.data,D[O[i]].chart.layout,{responsive:true,displayModeBar:false});}'
12691269
'sel.addEventListener("change",function(){show(parseInt(this.value))});'
12701270
'show(0);'
12711271
'</script></body></html>'

0 commit comments

Comments
 (0)