{"spec_id":"violin-basic","library":"plotly","language":"python","code":"\"\"\" anyplot.ai\nviolin-basic: Basic Violin Plot\nLibrary: plotly 6.7.0 | Python 3.13.13\nQuality: 88/100 | Updated: 2026-05-29\n\"\"\"\n\nimport os\n\nimport numpy as np\nimport plotly.graph_objects as go\n\n\n# Theme tokens\nTHEME = os.getenv(\"ANYPLOT_THEME\", \"light\")\nPAGE_BG = \"#FAF8F1\" if THEME == \"light\" else \"#1A1A17\"\nELEVATED_BG = \"#FFFDF6\" if THEME == \"light\" else \"#242420\"\nINK = \"#1A1A17\" if THEME == \"light\" else \"#F0EFE8\"\nINK_SOFT = \"#4A4A44\" if THEME == \"light\" else \"#B8B7B0\"\nGRID = \"rgba(26,26,23,0.15)\" if THEME == \"light\" else \"rgba(240,239,232,0.15)\"\n\n# Imprint palette — 4 categorical colors (hybrid-v3 sort order)\nIMPRINT_PALETTE = [\"#009E73\", \"#C475FD\", \"#4467A3\", \"#BD8233\"]\n\n# Data — 4 departments with distinct salary distribution shapes\nnp.random.seed(42)\ndata = {\n    \"Engineering\": np.concatenate([np.random.normal(92000, 8000, 120), np.random.normal(75000, 5000, 80)]),\n    \"Marketing\": np.random.normal(72000, 10000, 180),\n    \"Sales\": np.random.normal(78000, 18000, 220),\n    \"Support\": np.random.normal(55000, 8000, 190),\n}\n\n# Plot\nfig = go.Figure()\n\nfor i, (cat, values) in enumerate(data.items()):\n    fig.add_trace(\n        go.Violin(\n            y=values,\n            name=cat,\n            line=dict(color=IMPRINT_PALETTE[i], width=2),\n            fillcolor=IMPRINT_PALETTE[i],\n            opacity=0.8,\n            points=False,\n            box=dict(visible=True, width=0.2, fillcolor=ELEVATED_BG, line=dict(color=INK, width=1.5)),\n            meanline=dict(visible=True, color=INK, width=2),\n            hoveron=\"violins+kde\",\n            hoverinfo=\"y+name\",\n            scalemode=\"width\",\n        )\n    )\n\nfig.update_traces(width=0.7, spanmode=\"soft\")\n\n# Annotate the bimodal Engineering distribution\nfig.add_annotation(\n    x=\"Engineering\",\n    y=106000,\n    text=\"Bimodal: junior<br>vs senior tiers\",\n    showarrow=True,\n    arrowhead=2,\n    arrowsize=1,\n    arrowwidth=1.5,\n    arrowcolor=INK_SOFT,\n    ax=55,\n    ay=-30,\n    font=dict(size=10, color=INK_SOFT),\n    align=\"left\",\n)\n\n# Style\ntitle = \"violin-basic · python · plotly · anyplot.ai\"\nfig.update_layout(\n    autosize=False,\n    margin=dict(l=110, r=80, t=80, b=60),\n    title=dict(text=title, font=dict(size=16, color=INK, weight=\"bold\"), x=0.5, xanchor=\"center\"),\n    xaxis=dict(\n        title=dict(text=\"Department\", font=dict(size=12, color=INK), standoff=12),\n        tickfont=dict(size=10, color=INK_SOFT),\n        linecolor=INK_SOFT,\n        showline=True,\n        mirror=False,\n        showgrid=False,\n    ),\n    yaxis=dict(\n        title=dict(text=\"Annual Salary ($)\", font=dict(size=12, color=INK), standoff=12),\n        tickfont=dict(size=10, color=INK_SOFT),\n        tickformat=\",.0f\",\n        tickprefix=\"$\",\n        gridcolor=GRID,\n        gridwidth=1,\n        linecolor=INK_SOFT,\n        showline=True,\n        mirror=False,\n        zerolinecolor=INK_SOFT,\n        zeroline=False,\n    ),\n    paper_bgcolor=PAGE_BG,\n    plot_bgcolor=PAGE_BG,\n    font=dict(color=INK),\n    legend=dict(bgcolor=ELEVATED_BG, bordercolor=INK_SOFT, borderwidth=1, font=dict(color=INK_SOFT)),\n    showlegend=False,\n)\n\n# Save\nfig.write_image(f\"plot-{THEME}.png\", width=800, height=450, scale=4)\nfig.write_html(f\"plot-{THEME}.html\", include_plotlyjs=\"cdn\")\n"}