🎨 add brief vuecore example with latest release

Author: enryH

3_vuecore.ipynb

@@ -19,7 +19,18 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "import vuecore"
+    "import pathlib\n",
+    "\n",
+    "import pandas as pd\n",
+    "from vuecore.plots.basic.histogram import create_histogram_plot"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "5410e0c2",
+   "metadata": {},
+   "source": [
+    "## Proteomics data example"
    ]
   },
   {
@@ -29,16 +40,59 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "# ## Proteomics data example"
+    "dir_data = pathlib.Path(\"data\")\n",
+    "df = (\n",
+    "    pd.read_csv(dir_data / \"proteins\" / \"proteins.csv\", index_col=0)\n",
+    "    .rename_axis(\"Protein_ID\", axis=1)\n",
+    "    .stack()\n",
+    "    .reset_index(name=\"Intensity\")\n",
+    ")\n",
+    "df"
    ]
   },
   {
    "cell_type": "code",
    "execution_count": null,
    "id": "16458ab0",
+   "metadata": {
+    "lines_to_next_cell": 2
+   },
+   "outputs": [],
+   "source": [
+    "# to be continued\n",
+    "# Generate the advanced histogram plot\n",
+    "fig = create_histogram_plot(\n",
+    "    data=df,\n",
+    "    x=\"Intensity\",\n",
+    "    color=\"Reference\",\n",
+    "    barmode=\"overlay\",\n",
+    "    histnorm=\"probability density\",\n",
+    "    title=\"Protein intensities by sample\",\n",
+    "    subtitle=\"Histogram with probability density normalized\",\n",
+    "    labels={\"Intensity\": \"Protein Intensity\", \"Reference\": \"Sample\"},\n",
+    "    hover_data=[\"Protein_ID\"],\n",
+    "    opacity=0.75,\n",
+    ")\n",
+    "fig"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "9d569777",
+   "metadata": {},
+   "source": [
+    "For now vuecore is built on top of ploltly:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "127fe4b1",
    "metadata": {},
    "outputs": [],
-   "source": []
+   "source": [
+    "type(fig)"
+   ]
   }
  ],
  "metadata": {

3_vuecore.py

@@ -6,9 +6,44 @@
 # - at the moment only support the plotly backend
 
 # %%
-import vuecore
+import pathlib
 
-# %%
+import pandas as pd
+from vuecore.plots.basic.histogram import create_histogram_plot
+
+# %% [markdown]
 # ## Proteomics data example
 
 # %%
+dir_data = pathlib.Path("data")
+df = (
+    pd.read_csv(dir_data / "proteins" / "proteins.csv", index_col=0)
+    .rename_axis("Protein_ID", axis=1)
+    .stack()
+    .reset_index(name="Intensity")
+)
+df
+
+# %%
+# to be continued
+# Generate the advanced histogram plot
+fig = create_histogram_plot(
+    data=df,
+    x="Intensity",
+    color="Reference",
+    barmode="overlay",
+    histnorm="probability density",
+    title="Protein intensities by sample",
+    subtitle="Histogram with probability density normalized",
+    labels={"Intensity": "Protein Intensity", "Reference": "Sample"},
+    hover_data=["Protein_ID"],
+    opacity=0.75,
+)
+fig
+
+
+# %% [markdown]
+# For now vuecore is built on top of ploltly:
+
+# %%
+type(fig)