.. DO NOT EDIT. .. THIS FILE WAS AUTOMATICALLY GENERATED BY SPHINX-GALLERY. .. TO MAKE CHANGES, EDIT THE SOURCE PYTHON FILE: .. "auto_examples/plot_interactive_wikipedia_drawers.py" .. LINE NUMBERS ARE GIVEN BELOW. .. only:: html .. note:: :class: sphx-glr-download-link-note :ref:`Go to the end ` to download the full example code. .. rst-class:: sphx-glr-example-title .. _sphx_glr_auto_examples_plot_interactive_wikipedia_drawers.py: Interactive Wikipedia with Drawer Layout ---------------------------------------- Demonstrating slide-out drawer functionality with the Simple Wikipedia data map. This example shows how to: - Place widgets in slide-out drawers - Use the topic tree for hierarchical navigation - Create a clean main view with tools accessible in drawers Keyboard shortcuts: - Ctrl + [ : Toggle left drawer - Ctrl + ] : Toggle right drawer - Escape : Close all drawers For a full size version see https://lmcinnes.github.io/datamapplot_examples/Wikipedia_data_map_example.html .. GENERATED FROM PYTHON SOURCE LINES 20-93 .. raw:: html

.. code-block:: Python import numpy as np import datamapplot import gzip from datamapplot import TitleWidget, SearchWidget, LogoWidget, LegendWidget # Load Wikipedia data wikipedia_data_map = np.load("wikipedia_layered_data_map.npz")["arr_0"] wikipedia_label_layers = [] for i in range(6): wikipedia_label_layers.append( np.load(f"wikipedia_layer{i}_cluster_labels.npz", allow_pickle=True)["arr_0"] ) with gzip.open( "wikipedia_large_hover_text.txt.gz", mode="rt", encoding="utf-8" ) as file_hover_text: wikipedia_hover_text = np.fromiter( (line.strip() for line in file_hover_text.readlines()), "object" ) wikipedia_marker_size_array = np.load("wikipedia_marker_size_array.npz")["arr_0"] # Define drawer-based layout # The main view stays clean - all tools are in drawers # # Widgets are created using widget classes with location parameter to control placement. widgets = [ # Title stays in top-left corner for visibility TitleWidget( title="Map of Wikipedia", sub_title="Use Ctrl+[ and Ctrl+] to access tools", title_font_size=28, location="top-left", order=0, ), # Logo in bottom-right corner LogoWidget( logo="https://asset.brandfetch.io/idfDTLvPCK/idyv4d98RT.png", logo_width=100, location="bottom-right", order=0, ), # Left drawer: Search for exploration SearchWidget( search_field="hover_text", location="drawer-left", order=0, ), # Right drawer: Legend for reference LegendWidget( location="drawer-right", order=0, ), ] plot = datamapplot.create_interactive_plot( wikipedia_data_map, wikipedia_label_layers[0], wikipedia_label_layers[1], wikipedia_label_layers[3], wikipedia_label_layers[5], hover_text=wikipedia_hover_text, font_family="Marcellus SC", background_color="#eae6de", marker_size_array=wikipedia_marker_size_array, cluster_boundary_polygons=True, initial_zoom_fraction=0.99, widgets=widgets, inline_data=False, offline_data_prefix="wikipedia_drawers_gallery", ) plot.save("wikipedia_drawers.html") plot .. rst-class:: sphx-glr-timing **Total running time of the script:** (0 minutes 28.414 seconds) .. _sphx_glr_download_auto_examples_plot_interactive_wikipedia_drawers.py: .. only:: html .. container:: sphx-glr-footer sphx-glr-footer-example .. container:: sphx-glr-download sphx-glr-download-jupyter :download:`Download Jupyter notebook: plot_interactive_wikipedia_drawers.ipynb ` .. container:: sphx-glr-download sphx-glr-download-python :download:`Download Python source code: plot_interactive_wikipedia_drawers.py ` .. container:: sphx-glr-download sphx-glr-download-zip :download:`Download zipped: plot_interactive_wikipedia_drawers.zip ` .. only:: html .. rst-class:: sphx-glr-signature `Gallery generated by Sphinx-Gallery `_