Boreto1213 opened a new pull request, #38028: URL: https://github.com/apache/superset/pull/38028
### SUMMARY Implements H3 Hexagon Layer visualization using DeckGL's H3HexagonLayer component, addressing the community request in [#18643](https://github.com/apache/superset/discussions/18643). **Closes:** [#18643](https://github.com/apache/superset/discussions/18643) This implementation provides: - Interactive H3 hexagon visualization with WebGL rendering - Support for metric aggregation and color mapping - Configurable elevation for 3D visualization - Full integration with Superset's query and filter system - Zero new dependencies (uses existing DeckGL library) ### SCREENSHOTS OR ANIMATED GIF **Chart type selector:** <img width="2560" height="1294" alt="screencapture-localhost-8088-chart-add-2026-02-02-09_54_20" src="https://github.com/user-attachments/assets/94852fd8-a18f-4d3d-a940-43263da48fec"; /> *H3 Hexagon Layer now available as visualization type* **Control panel:** <img width="2560" height="1976" alt="screencapture-localhost-8088-explore-2026-02-02-09_56_11" src="https://github.com/user-attachments/assets/541be1af-7fef-4443-8e1a-5b22243a88bb"; /> *Configuration options for H3 visualization* **Rendered visualization:** <img width="2559" height="1293" alt="Screenshot 2026-02-02 at 09 59 36" src="https://github.com/user-attachments/assets/0fc09430-40c2-4662-bd5f-e49169a79490"; /> *Interactive H3 hexagon visualization with tooltips, zoom, and pan* **Dashboard integration:** <img width="2560" height="1294" alt="screencapture-localhost-8088-superset-dashboard-12-2026-02-02-09_49_40" src="https://github.com/user-attachments/assets/73a34a63-cd8f-442d-9816-bfa87319d73b"; /> *H3 layer integrated in dashboard with filters* ### TESTING INSTRUCTIONS #### Test Data Preparation **Sample data for testing** ```sql -- Simple test dataset SELECT * FROM ( VALUES ('882a1072c3fffff', 100, 'TypeA'), ('882a1072c7fffff', 250, 'TypeB'), ('882a10728bfffff', 175, 'TypeA'), ('882a10728ffffff', 320, 'TypeC') ) AS t(h3_index, metric_value, category); ``` #### Verification Steps **1. Create H3 Hexagon Layer chart:** - Navigate to **Charts** → Click **+ Chart** button - Select a dataset containing H3 index column - In visualization type selector, choose **H3 Hexagon Layer** - Click **Create new chart** **2. Configure the chart:** *Query section:* - **H3 index column:** Select column with H3 hexagon indices - **Metric:** Choose aggregation metric (e.g., COUNT(\*), SUM(value)) - **Filters:** (optional) Add any filters *Display section:* - **Color scheme:** Choose color palette for metric visualization - **Elevation scale:** Adjust multiplier for 3D height (0-100) - **Opacity:** Set layer transparency (0-1) - **Coverage:** Hexagon coverage of H3 cell (0-1) **3. Verify core functionality:** - [ ] Chart renders without console errors - [ ] Hexagons display correctly at initial viewport - [ ] Tooltips appear on hexagon hover showing: - H3 index - Metric value - Any additional dimensions - [ ] Color scale applies correctly based on metric ### ADDITIONAL INFORMATION - [x] Has associated issue: #18643 - [ ] Required feature flags: None - [ ] API changes: None - [ ] DB migration required: No - [ ] Breaking changes: No **Dependencies:** - ✅ Uses existing DeckGL library (v8.x) already in Superset - ✅ H3HexagonLayer component available in current DeckGL version - ✅ No new npm packages required - ✅ No new Python packages required -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
