{"id":23508,"library":"dash-svg","title":"dash-svg","description":"SVG support library for Plotly/Dash, enabling inline SVG rendering in Dash apps. Current version 0.0.12. Release cadence is irregular; last release in early 2025.","status":"active","version":"0.0.12","language":"python","source_language":"en","source_url":"https://github.com/plotly/dash-svg","tags":["dash","svg","plotly","visualization"],"install":[{"cmd":"pip install dash-svg","lang":"bash","label":"pip install"}],"dependencies":[],"imports":[{"note":"Wrong: using dot notation instead of underscore. Incorrect import path.","wrong":"from dash.svg import Svg","symbol":"Svg","correct":"from dash_svg import Svg"}],"quickstart":{"code":"import dash\nfrom dash import html\nfrom dash_svg import Svg\n\napp = dash.Dash(__name__)\n\napp.layout = html.Div([\n    Svg(Svg.svg(\n        Svg.circle(cx=\"50\", cy=\"50\", r=\"40\", stroke=\"green\", fill=\"yellow\")\n    ), width=\"100\", height=\"100\")\n])\n\nif __name__ == '__main__':\n    app.run_server(debug=True)","lang":"python","description":"Minimal Dash app using dash-svg to render an SVG circle."},"warnings":[{"fix":"Wrap SVG elements in Svg(...) with width/height attributes.","message":"Use 'Svg' component wrapper to avoid namespace collisions. Do not just return raw SVG strings.","severity":"gotcha","affected_versions":"<0.0.12"},{"fix":"Only import Svg from dash_svg, and use it as a container.","message":"The 'Svg' component is the only public API; internal helper functions may change without notice.","severity":"deprecated","affected_versions":"all"},{"fix":"Use JSX-style camelCase for SVG attributes.","message":"Attributes must be camelCase (e.g., 'strokeWidth' not 'stroke-width').","severity":"gotcha","affected_versions":"all"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Use 'from dash_svg import Svg'.","cause":"Incorrect import path: trying dash.svg instead of dash_svg.","error":"ModuleNotFoundError: No module named 'dash.svg'"},{"fix":"Use 'from dash_svg import Svg'.","cause":"Directly importing the module name instead of the class.","error":"ImportError: cannot import name 'svg' from 'dash_svg'"}],"ecosystem":"pypi","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}