{"spec_id":"line-basic","library":"plotly","language":"python","code":"\"\"\" anyplot.ai\nline-basic: Basic Line Plot\nLibrary: plotly 6.7.0 | Python 3.13.13\nQuality: 92/100 | Updated: 2026-04-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.10)\" if THEME == \"light\" else \"rgba(240,239,232,0.10)\"\nBRAND = \"#009E73\"\nBRAND_FILL = \"rgba(0,158,115,0.12)\"\n\n# Data - Monthly temperature readings (seasonal pattern)\nnp.random.seed(42)\nmonths = np.arange(1, 13)\nmonth_labels = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"]\ntemperature = 15 + 12 * np.sin((months - 4) * np.pi / 6) + np.random.randn(12) * 1.5\n\npeak_idx = int(np.argmax(temperature))\n\n# Plot\nfig = go.Figure()\n\nfig.add_trace(\n    go.Scatter(\n        x=months,\n        y=temperature,\n        mode=\"lines+markers\",\n        line={\"color\": BRAND, \"width\": 5},\n        marker={\"size\": 18, \"color\": BRAND},\n        fill=\"tozeroy\",\n        fillcolor=BRAND_FILL,\n        hovertemplate=\"%{customdata}<br>%{y:.1f}°C<extra></extra>\",\n        customdata=month_labels,\n    )\n)\n\n# Peak annotation for visual storytelling\nfig.add_annotation(\n    x=months[peak_idx],\n    y=temperature[peak_idx],\n    text=f\"Peak: {temperature[peak_idx]:.1f}°C\",\n    showarrow=True,\n    arrowhead=2,\n    arrowcolor=INK_SOFT,\n    arrowwidth=2,\n    ax=40,\n    ay=-50,\n    font={\"size\": 20, \"color\": INK},\n    bgcolor=ELEVATED_BG,\n    bordercolor=INK_SOFT,\n    borderwidth=1,\n    borderpad=6,\n)\n\nfig.update_layout(\n    paper_bgcolor=PAGE_BG,\n    plot_bgcolor=PAGE_BG,\n    font={\"color\": INK},\n    title={\n        \"text\": \"line-basic · plotly · anyplot.ai\",\n        \"font\": {\"size\": 36, \"color\": INK},\n        \"x\": 0.5,\n        \"xanchor\": \"center\",\n    },\n    xaxis={\n        \"title\": {\"text\": \"Month\", \"font\": {\"size\": 28, \"color\": INK}},\n        \"tickfont\": {\"size\": 22, \"color\": INK_SOFT},\n        \"tickmode\": \"array\",\n        \"tickvals\": months,\n        \"ticktext\": month_labels,\n        \"showgrid\": True,\n        \"gridwidth\": 1,\n        \"gridcolor\": GRID,\n        \"showline\": True,\n        \"linecolor\": INK_SOFT,\n        \"mirror\": False,\n        \"zerolinecolor\": GRID,\n        \"showspikes\": True,\n        \"spikemode\": \"across\",\n        \"spikethickness\": 1,\n        \"spikedash\": \"dot\",\n        \"spikecolor\": INK_SOFT,\n    },\n    yaxis={\n        \"title\": {\"text\": \"Temperature (°C)\", \"font\": {\"size\": 28, \"color\": INK}},\n        \"tickfont\": {\"size\": 22, \"color\": INK_SOFT},\n        \"showgrid\": True,\n        \"gridwidth\": 1,\n        \"gridcolor\": GRID,\n        \"showline\": True,\n        \"linecolor\": INK_SOFT,\n        \"mirror\": False,\n        \"zerolinecolor\": GRID,\n        \"rangemode\": \"tozero\",\n        \"showspikes\": True,\n        \"spikemode\": \"across\",\n        \"spikethickness\": 1,\n        \"spikedash\": \"dot\",\n        \"spikecolor\": INK_SOFT,\n    },\n    hovermode=\"x\",\n    margin={\"t\": 120, \"b\": 100, \"l\": 120, \"r\": 60},\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"}