GitHub user dosubot[bot] added a comment to the discussion: Custom JavaScript Controls Missing in ECharts and Mixed Charts - Superset 6.0.0rc2
<!-- Answer --> Superset doesn’t have a native segmented bubble chart like the Qualtrics Text iQ Bubble Chart, but you can get close with the Bubble Chart. Here’s how you can approximate your visualization: - Use the Bubble Chart and map your sentiment categories (e.g., Meal, Renown, Hygiene) to the “entity” or “series” field. Map sentiment levels (e.g., very negative to very positive) to another dimension—either as a “series” or as the X or Y axis, depending on your data structure. - Bubble size can represent the count or intensity of responses for each sentiment/category pair. - Each bubble will be colored by category or sentiment, and you can enable the legend and tooltips to help users distinguish between them. Tooltips will show all the relevant details on hover, but direct labels on bubbles aren’t supported out of the box—legend and tooltip are your options for now [[source]](https://github.com/apache/superset/issues/35796). - Your data should be structured so each row is a (category, sentiment, value) tuple, e.g.: | category | sentiment | value | |----------|---------------|-------| | Meal | Very Positive | 42 | | Meal | Neutral | 15 | | Staff | Negative | 8 | ...and so on. - In the chart controls, set “entity” to category, “series” to sentiment, and “size” to value. X and Y can be used for additional metrics or left as placeholders if you want a simple categorical layout. If you want a more hierarchical or packed bubble look, you could experiment with Sunburst or Treemap charts, but they won’t give you segmented bubbles—just hierarchical segments [[source]](https://github.com/apache/superset/blob/master/superset-frontend/packages/superset-ui-core/src/chart/types/VizType.ts). For a true segmented or packed bubble chart, you’d need a custom plugin or code changes. There’s community interest in this, and a D3-based circle packing example exists, but it’s not built-in yet [[source]](https://github.com/apache/superset/discussions/24267). Let me know if you want a step-by-step for Bubble Chart setup or have a specific data structure in mind! <!-- Dosu Comment Footer --> *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).* --- <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/8e7aa782-9683-41b8-9e32-b3d1ee9d8e3c?feedback_type=other)</sup> [](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github) [](https://cursor.com/link/prompt?text=Superset%20doesn%E2%80%99t%20have%20a%20native%20segmented%20bubble%20chart%20like%20the%20Qualtrics%20Text%20iQ%20Bubble%20Chart%2C%20but%20you%20can%20get%20close%20with%20the%20Bubble%20Chart.%20Here%E2%80%99s%20how%20you%20can%20approximate%20your%20visualization%3A%0A%0A-%20Use%20the%20Bubble%20Chart%20and%20map%20your%20sentiment%20categories%20%28e.g.%2C%20Meal%2C%20Renown%2C%20Hygiene%29%20to%20the%20%E2%80%9Centity%E2%80%9D%20or%20%E2%80%9Cseries%E2%80%9D%20field.%20Map%20sentiment%20levels%20%28e.g.%2C%20very%20negative%20to%20very%20positive%29%20to%20another%20dimension%E2%80%94either%20as%20a%20%E2%80%9Cseries%E2%80%9D%20or%20as%20the%20X%20or%20Y%20axis%2C%20depending%20on%20your%20data%20structure.%0A-%20Bubble%20size%20can%20represent% 20the%20count%20or%20intensity%20of%20responses%20for%20each%20sentiment/category%20pair.%0A-%20Each%20bubble%20will%20be%20colored%20by%20category%20or%20sentiment%2C%20and%20you%20can%20enable%20the%20legend%20and%20tooltips%20to%20help%20users%20distinguish%20between%20them.%20Tooltips%20will%20show%20all%20the%20relevant%20details%20on%20hover%2C%20but%20direct%20labels%20on%20bubbles%20aren%E2%80%99t%20supported%20out%20of%20the%20box%E2%80%94legend%20and%20tooltip%20are%20your%20options%20for%20now%20%5B%5Bsource%5D%5D%28https%3A//github.com/apache/superset/issues/35796%29.%0A-%20Your%20data%20should%20be%20structured%20so%20each%20row%20is%20a%20%28category%2C%20sentiment%2C%20value%29%20tuple%2C%20e.g.%3A%0A%20%20%7C%20category%20%7C%20sentiment%20%20%20%20%20%20%7C%20value%20%7C%0A%20%20%7C----------%7C---------------%7C-------%7C%0A%20%20%7C%20Meal%20%20%20%20%20%7C%20Very%20Positive%20%7C%20%2042%20%20%20%7C%0A%20%20%7C%20Meal%20%20%20%20%20%7C%20Neutral%20%20%20%20%20%20 %20%7C%20%2015%20%20%20%7C%0A%20%20%7C%20Staff%20%20%20%20%7C%20Negative%20%20%20%20%20%20%7C%20%208%20%20%20%20%7C%0A%20%20...and%20so%20on.%0A%0A-%20In%20the%20chart%20controls%2C%20set%20%E2%80%9Centity%E2%80%9D%20to%20category%2C%20%E2%80%9Cseries%E2%80%9D%20to%20sentiment%2C%20and%20%E2%80%9Csize%E2%80%9D%20to%20value.%20X%20and%20Y%20can%20be%20used%20for%20additional%20metrics%20or%20left%20as%20placeholders%20if%20you%20want%20a%20simple%20categorical%20layout.%0A%0AIf%20you%20want%20a%20more%20hierarchical%20or%20packed%20bubble%20look%2C%20you%20could%20experiment%20with%20Sunburst%20or%20Treemap%20charts%2C%20but%20they%20won%E2%80%99t%20give%20you%20segmented%20bubbles%E2%80%94just%20hierarchical%20segments%20%5B%5Bsource%5D%5D%28https%3A//github.com/apache/superset/blob/master/superset-frontend/packages/superset-ui-core/src/chart/types/VizType.ts%29.%0A%0AFor%20a%20true%20segmented%20or%20packed%20bubble%20chart%2C%20you%E2%80%99d%20need%20a%20custom%20plugin%20or%20cod e%20changes.%20There%E2%80%99s%20community%20interest%20in%20this%2C%20and%20a%20D3-based%20circle%20packing%20example%20exists%2C%20but%20it%E2%80%99s%20not%20built-in%20yet%20%5B%5Bsource%5D%5D%28https%3A//github.com/apache/superset/discussions/24267%29.%0A%0ALet%20me%20know%20if%20you%20want%20a%20step-by-step%20for%20Bubble%20Chart%20setup%20or%20have%20a%20specific%20data%20structure%20in%20mind%21) [](https://go.dosu.dev/discord-bot) [](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/discussions/37369) GitHub link: https://github.com/apache/superset/discussions/37369#discussioncomment-15574186 ---- This is an automatically sent email for [email protected]. To unsubscribe, please send an email to: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
