H3HexagonLayer
^^^^^^^^^^^^^^

.. raw:: html

    
    <a id="deck-link" target="_blank" href="https://deck.gl/docs/api-reference/layers/h3-hexagon-layer">deck.gl docs</a>
    
    <br />

.. raw:: html
   :file: ./html/h3_hexagon_layer.html

.. raw:: html

    <style>
   .wy-nav-content {
        max-width: 100% !important;
    }
    #deck-container {
        height: 50vh;
        width: 100%;
    }
    #deck-link {
        float: right;
        position: relative;
        top: -20px;
    }
    </style>

Source
------

.. code-block:: python

    """
    H3HexagonLayer
    ==============

    Plot of values for a particular hex ID in the H3 geohashing scheme.

    This example is adapted from the deck.gl documentation.
    """

    import pydeck as pdk
    import pandas as pd

    H3_HEX_DATA = "https://raw.githubusercontent.com/visgl/deck.gl-data/master/website/sf.h3cells.json"

    df = pd.read_json(H3_HEX_DATA)

    # Define a layer to display on a map
    layer = pdk.Layer(
        "H3HexagonLayer",
        df,
        pickable=True,
        stroked=True,
        filled=True,
        extruded=False,
        get_hexagon="hex",
        get_fill_color="[255 - count, 255, count]",
        get_line_color=[255, 255, 255],
        line_width_min_pixels=2,
    )

    # Set the viewport location
    view_state = pdk.ViewState(latitude=37.7749295, longitude=-122.4194155, zoom=14, bearing=0, pitch=30)


    # Render
    r = pdk.Deck(layers=[layer], initial_view_state=view_state, tooltip={"text": "Count: {count}"})
    r.to_html("h3_hexagon_layer.html")