{"spec_id":"scatter-categorical","library":"plotly","language":"python","code":"\"\"\" anyplot.ai\nscatter-categorical: Categorical Scatter Plot\nLibrary: plotly 6.7.0 | Python 3.13.13\nQuality: 85/100 | Updated: 2026-05-12\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.10)\" if THEME == \"light\" else \"rgba(240,239,232,0.10)\"\n\n# Okabe-Ito palette (first series is ALWAYS #009E73)\nIMPRINT = [\"#009E73\", \"#C475FD\", \"#4467A3\", \"#BD8233\"]\n\n# Data - Product performance across regions\nnp.random.seed(42)\nn_per_group = 40\n\nregions = [\"North\", \"South\", \"West\", \"East\"]\n\ndata = {\n    \"North\": {\"x\": np.random.normal(35, 8, n_per_group), \"y\": np.random.normal(75, 10, n_per_group)},\n    \"South\": {\"x\": np.random.normal(55, 10, n_per_group), \"y\": np.random.normal(60, 12, n_per_group)},\n    \"West\": {\"x\": np.random.normal(70, 7, n_per_group), \"y\": np.random.normal(85, 8, n_per_group)},\n    \"East\": {\"x\": np.random.normal(45, 9, n_per_group), \"y\": np.random.normal(45, 10, n_per_group)},\n}\n\n# Plot\nfig = go.Figure()\n\nfor i, region in enumerate(regions):\n    fig.add_trace(\n        go.Scatter(\n            x=data[region][\"x\"],\n            y=data[region][\"y\"],\n            mode=\"markers\",\n            name=region,\n            marker={\"size\": 14, \"color\": IMPRINT[i], \"opacity\": 0.7, \"line\": {\"width\": 1, \"color\": PAGE_BG}},\n            hovertemplate=f\"{region}<br>Marketing: %{{x:.1f}}%<br>Sales: %{{y:.1f}}%<extra></extra>\",\n        )\n    )\n\n# Layout\nfig.update_layout(\n    title={\n        \"text\": \"scatter-categorical · plotly · anyplot.ai\",\n        \"font\": {\"size\": 28, \"color\": INK},\n        \"x\": 0.5,\n        \"xanchor\": \"center\",\n    },\n    xaxis={\n        \"title\": {\"text\": \"Marketing Investment (%)\", \"font\": {\"size\": 22, \"color\": INK}},\n        \"tickfont\": {\"size\": 18, \"color\": INK_SOFT},\n        \"gridcolor\": GRID,\n        \"gridwidth\": 1,\n        \"showgrid\": True,\n        \"linecolor\": INK_SOFT,\n        \"zerolinecolor\": INK_SOFT,\n    },\n    yaxis={\n        \"title\": {\"text\": \"Sales Growth (%)\", \"font\": {\"size\": 22, \"color\": INK}},\n        \"tickfont\": {\"size\": 18, \"color\": INK_SOFT},\n        \"gridcolor\": GRID,\n        \"gridwidth\": 1,\n        \"showgrid\": True,\n        \"linecolor\": INK_SOFT,\n        \"zerolinecolor\": INK_SOFT,\n    },\n    legend={\n        \"title\": {\"text\": \"Region\", \"font\": {\"size\": 20, \"color\": INK}},\n        \"font\": {\"size\": 18, \"color\": INK_SOFT},\n        \"bgcolor\": ELEVATED_BG,\n        \"bordercolor\": INK_SOFT,\n        \"borderwidth\": 1,\n        \"x\": 1.02,\n        \"y\": 0.5,\n        \"yanchor\": \"middle\",\n    },\n    paper_bgcolor=PAGE_BG,\n    plot_bgcolor=PAGE_BG,\n    margin={\"l\": 80, \"r\": 150, \"t\": 80, \"b\": 80},\n)\n\n# Save\nfig.write_image(f\"plot-{THEME}.png\", width=1600, height=900, scale=3)\nfig.write_html(f\"plot-{THEME}.html\", include_plotlyjs=\"cdn\")\n"}