Skip to content

Commit 66208c6

Browse files
daexsdaexs
committed
Added pages to nav bar and extra css styling
1 parent dc0418a commit 66208c6

File tree

2 files changed

+206
-0
lines changed

2 files changed

+206
-0
lines changed

‎mkdocs.yml‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,9 +21,185 @@ plugins:
2121
show_root_toc_entry: true
2222
merge_init_into_class: true
2323

24+
extra_css:
25+
- css/plotly-styles.css
26+
2427
nav:
2528
- Home: index.md
2629
- API Reference: reference/
30+
- 3d_charts:
31+
- 3D Axes: examples/3d-axes.md
32+
- 3D Scatter Plots: examples/3d-scatter-plots.md
33+
- 3D Surface Plots: examples/3d-surface-plots.md
34+
- 3D Subplots: examples/3d-subplots.md
35+
- 3D Camera Controls: examples/3d-camera-controls.md
36+
- 3D Bubble Charts: examples/3d-bubble-charts.md
37+
- 3D Line Plots: examples/3d-line-plots.md
38+
- Trisurf Plots: examples/trisurf.md
39+
- 3D Mesh Plots: examples/3d-mesh.md
40+
- 3D Isosurface Plots: examples/3d-isosurface-plots.md
41+
- 3D Volume Plots: examples/3d-volume.md
42+
- 3D Cone Plots: examples/cone-plot.md
43+
- 3D Streamtube Plots: examples/streamtube-plot.md
44+
- advanced_opt:
45+
- Plot CSV Data: examples/plot-data-from-csv.md
46+
- Random Walk: examples/random-walk.md
47+
- Peak Finding: examples/peak-finding.md
48+
- Smoothing: examples/smoothing.md
49+
- LaTeX: examples/LaTeX.md
50+
- ai_ml:
51+
- ML Regression: examples/ml-regression.md
52+
- kNN Classification: examples/ml-knn.md
53+
- ROC and PR Curves: examples/ml-roc-pr.md
54+
- PCA Visualization: examples/ml-pca.md
55+
- AI/ML Apps with Dash: examples/ml_apps.md
56+
- t-SNE and UMAP projections: examples/ml-tsne-umap-projections.md
57+
- animations:
58+
- Intro to Animations: examples/animations.md
59+
- basic:
60+
- Scatter Plots: examples/line-and-scatter.md
61+
- Line Charts: examples/line-charts.md
62+
- Bar Charts: examples/bar-charts.md
63+
- Pie Charts: examples/pie-charts.md
64+
- Bubble Charts: examples/bubble-charts.md
65+
- Dot Plots: examples/dot-plots.md
66+
- Filled Area Plots: examples/filled-area-plots.md
67+
- Horizontal Bar Charts: examples/horizontal-bar-charts.md
68+
- Gantt Charts: examples/gantt.md
69+
- Sunburst Charts: examples/sunburst-charts.md
70+
- Tables: examples/table.md
71+
- Sankey Diagram: examples/sankey-diagram.md
72+
- Treemap Charts: examples/treemaps.md
73+
- High Performance Visualization: examples/performance.md
74+
- Figure Factory Tables: examples/figure-factory-table.md
75+
- Categorical Axes: examples/categorical-axes.md
76+
- Icicle Charts: examples/icicle-charts.md
77+
- Patterns, Hatching, Texture: examples/pattern-hatching-texture.md
78+
- Dumbbell Plots: examples/dumbbell-plots.md
79+
- bio:
80+
- Alignment Chart: examples/bio-alignment-chart.md
81+
- Clustergram: examples/bio-clustergram.md
82+
- Manhattan Plot: examples/bio-manhattanplot.md
83+
- Volcano Plot: examples/bio-volcano-plot.md
84+
- chart_events:
85+
- Plotly FigureWidget Overview: examples/figurewidget.md
86+
- Jupyter Lab with FigureWidget: examples/jupyter-lab-tools.md
87+
- Interactive Data Analysis with FigureWidget ipywidgets: examples/figurewidget-app.md
88+
- Click Events: examples/click-events.md
89+
- controls:
90+
- Custom Buttons: examples/custom-buttons.md
91+
- Sliders: examples/sliders.md
92+
- Dropdown Menus: examples/dropdowns.md
93+
- Range Slider and Selector: examples/range-slider.md
94+
- file_settings:
95+
- The Figure Data Structure: examples/figure-structure.md
96+
- Creating and Updating Figures: examples/creating-and-updating-figures.md
97+
- Displaying Figures: examples/renderers.md
98+
- Plotly Express: examples/plotly-express.md
99+
- Analytical Apps with Dash: examples/dash.md
100+
- Static Image Export: examples/static-image-export.md
101+
- Theming and templates: examples/templates.md
102+
- Changes in Version 6: examples/v6-changes.md
103+
- Orca Management: examples/orca-management.md
104+
- Configuration: examples/configuration-options.md
105+
- Setting Graph Size: examples/setting-graph-size.md
106+
- Formatting Ticks: examples/tick-formatting.md
107+
- Setting the Font, Title, Legend Entries, and Axis Titles: examples/figure-labels.md
108+
- Axes: examples/axes.md
109+
- Legends: examples/legend.md
110+
- Multiple Axes: examples/multiple-axes.md
111+
- Subplots: examples/subplots.md
112+
- Multiple Chart Types: examples/graphing-multiple-chart-types.md
113+
- Plotly Express Arguments: examples/px-arguments.md
114+
- Styling Markers: examples/marker-style.md
115+
- Continuous Color Scales and Color Bars: examples/colorscales.md
116+
- Text and Annotations: examples/text-and-annotations.md
117+
- Hover Text and Formatting: examples/hover-text-and-formatting.md
118+
- Images: examples/images.md
119+
- Shapes: examples/shapes.md
120+
- IPython vs Python: examples/ipython-vs-python.md
121+
- Troubleshooting: examples/troubleshooting.md
122+
- Built-in Continuous Color Scales: examples/builtin-colorscales.md
123+
- Discrete Colors: examples/discrete-color.md
124+
- Styling Plotly Express Figures: examples/styling-plotly-express.md
125+
- Interactive HTML Export: examples/interactive-html-export.md
126+
- Pandas Plotting Backend: examples/pandas-backend.md
127+
- Figure Factories: examples/figure-factories.md
128+
- Plotly Express Wide-Form Support: examples/wide-form.md
129+
- Graph Objects: examples/graph-objects.md
130+
- Introspecting Figures: examples/figure-introspection.md
131+
- Horizontal and Vertical Lines and Rectangles: examples/horizontal-vertical-shapes.md
132+
- Selections: examples/selections.md
133+
- Version 4 Migration Guide: examples/v4-migration.md
134+
- Static Image Generation Changes in Plotly.py 6.1: examples/static-image-generation-migration.md
135+
- Supported CSS Colors: examples/supported-colors.md
136+
- financial:
137+
- Time Series and Date Axes: examples/time-series.md
138+
- Candlestick Charts: examples/candlestick-charts.md
139+
- Waterfall Charts: examples/waterfall-charts.md
140+
- Funnel Chart: examples/funnel-charts.md
141+
- OHLC Charts: examples/ohlc-charts.md
142+
- Indicators: examples/indicator.md
143+
- Gauge Charts: examples/gauge-charts.md
144+
- Bullet Charts: examples/bullet-charts.md
145+
- maps:
146+
- MapLibre Migration: examples/migrate-to-maplibre.md
147+
- Tile Choropleth Maps: examples/tile-county-choropleth.md
148+
- Lines on Tile Maps: examples/lines-on-tile-maps.md
149+
- Filled Area on Tile Maps: examples/filled-area-tile-maps.md
150+
- Bubble Maps: examples/bubble-maps.md
151+
- Density Heatmap: examples/density-heatmaps.md
152+
- Lines on Maps: examples/lines-on-maps.md
153+
- Choropleth Maps: examples/choropleth-maps.md
154+
- Tile Map Layers: examples/tile-map-layers.md
155+
- Scatter Plots on Tile Maps: examples/tile-scatter-maps.md
156+
- USA County Choropleth Maps: examples/county-choropleth.md
157+
- Scatter Plots on Maps: examples/scatter-plots-on-maps.md
158+
- Map Configuration and Styling on Geo Maps: examples/map-configuration.md
159+
- Hexbin Mapbox: examples/hexbin-mapbox.md
160+
- multiple_axes:
161+
- Mixed Subplots: examples/mixed-subplots.md
162+
- Map Subplots: examples/map-subplots-and-small-multiples.md
163+
- Table and Chart Subplots: examples/table-subplots.md
164+
- Figure Factory Subplots: examples/figure-factory-subplots.md
165+
- scientific:
166+
- Contour Plots: examples/contour-plots.md
167+
- Heatmaps: examples/heatmaps.md
168+
- Imshow: examples/imshow.md
169+
- tTernary Plots: examples/ternary-plots.md
170+
- Log Plots: examples/log-plot.md
171+
- Dendrograms: examples/dendrogram.md
172+
- Annotated Heatmaps: examples/annotated-heatmap.md
173+
- Ternary Overlay: examples/ternary-scatter-contour.md
174+
- Parallel Coordinates Plot: examples/parallel-coordinates-plot.md
175+
- Quiver Plots: examples/quiver-plots.md
176+
- Streamline Plots: examples/streamline-plots.md
177+
- Network Graphs: examples/network-graphs.md
178+
- Carpet Plots: examples/carpet-plot.md
179+
- Carpet Contour Plot: examples/carpet-contour.md
180+
- Carpet Scatter Plot: examples/carpet-scatter.md
181+
- Polar Charts: examples/polar-chart.md
182+
- Radar Charts: examples/radar-chart.md
183+
- Ternary contours: examples/ternary-contour.md
184+
- Wind Rose and Polar Bar Charts: examples/wind-rose-charts.md
185+
- Smith Charts: examples/smith-charts.md
186+
- statistical:
187+
- Error Bars: examples/error-bars.md
188+
- Box Plots: examples/box-plots.md
189+
- Histograms: examples/histograms.md
190+
- Distplots: examples/distplot.md
191+
- 2D Histograms: examples/2D-Histogram.md
192+
- Scatterplot Matrix: examples/splom.md
193+
- Facet and Trellis Plots: examples/facet-plots.md
194+
- Parallel Categories Diagram: examples/parallel-categories-diagram.md
195+
- Tree-plots: examples/tree-plots.md
196+
- Violin Plots: examples/violin.md
197+
- 2D Histogram Contour: examples/2d-histogram-contour.md
198+
- Linear and Non-Linear Trendlines: examples/linear-fits.md
199+
- Marginal Distribution Plots: examples/marginal-plots.md
200+
- Strip Charts: examples/strip-charts.md
201+
- Continuous Error Bands: examples/continuous-error-bars.md
202+
- Empirical Cumulative Distribution Plots: examples/ecdf-plots.md
27203
- Project:
28204
- license.md
29205
- conduct.md

‎pages/css/plotly-styles.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
/* Plotly Custom Colors */
2+
3+
/* Define the custom primary color scheme */
4+
[data-md-color-primary="custom"] {
5+
--md-primary-fg-color: #6E56CF;
6+
--md-primary-fg-color--light: #8B72D9;
7+
--md-primary-fg-color--dark: #5A47B8;
8+
--md-primary-bg-color: #FFFFFF;
9+
--md-primary-bg-color--light: #F8F7FD;
10+
}
11+
12+
/* Define the custom accent color scheme */
13+
[data-md-color-accent="custom"] {
14+
--md-accent-fg-color: #6E56CF;
15+
--md-accent-fg-color--transparent: rgba(110, 86, 207, 0.1);
16+
--md-accent-bg-color: #FFFFFF;
17+
--md-accent-bg-color--light: #F8F7FD;
18+
}
19+
20+
/* Additional custom properties for consistency */
21+
:root {
22+
--md-primary-fg-color: orange;
23+
--plotly-primary: #6E56CF;
24+
--plotly-primary-light: #8B72D9;
25+
--plotly-primary-dark: #5A47B8;
26+
--plotly-primary-alpha-10: rgba(110, 86, 207, 0.1);
27+
--plotly-primary-alpha-20: rgba(110, 86, 207, 0.2);
28+
}
29+
30+

0 commit comments

Comments
 (0)