Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 66208c6

Browse files
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)

AltStyle によって変換されたページ (->オリジナル) /