Spaces:
Running
Running
File size: 2,947 Bytes
2becd32 0147ea5 2becd32 0147ea5 2783aa5 2becd32 0147ea5 2becd32 0147ea5 adbfd2e 0147ea5 2783aa5 2becd32 594b1c4 5f6aa41 0147ea5 594b1c4 2becd32 0147ea5 2becd32 2783aa5 0147ea5 2783aa5 0147ea5 1b448f0 0147ea5 2becd32 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 |
{
"cells": [
{
"cell_type": "code",
"execution_count": null,
"id": "e4ded5cf",
"metadata": {},
"outputs": [],
"source": [
"# import pandas and ipyvizzu\n",
"\n",
"import pandas as pd\n",
"from ipyvizzu import Chart, Data, Config, Style, DisplayTarget\n",
"import mercury as mr\n",
"\n",
"\n",
"# setup Mercury App\n",
"app = mr.App(\n",
" title=\"ipyvizzu demo\", description=\"ipyvizzu demo with mercury\"\n",
")\n",
"\n",
"\n",
"# add widget\n",
"gender = mr.Select(\n",
" label=\"Select sex\", value=\"female\", choices=[\"female\", \"male\"]\n",
")\n",
"\n",
"\n",
"# initialize Chart\n",
"\n",
"chart = Chart(\n",
" width=\"640px\", height=\"360px\"\n",
") # or Chart(width=\"640px\", height=\"360px\", display=DisplayTarget.ACTUAL)\n",
"# chart = Chart(width=\"640px\", height=\"360px\", display=DisplayTarget.BEGIN)\n",
"# chart = Chart(width=\"640px\", height=\"360px\", display=DisplayTarget.END)\n",
"# chart = Chart(width=\"640px\", height=\"360px\", display=DisplayTarget.MANUAL)\n",
"\n",
"\n",
"# add data to Chart\n",
"\n",
"data = Data()\n",
"df = pd.read_csv(\n",
" \"./titanic.csv\"\n",
")\n",
"data.add_df(df)\n",
"\n",
"chart.animate(data)\n",
"\n",
"\n",
"# add config to Chart\n",
"\n",
"chart.animate(\n",
" Config(\n",
" {\n",
" \"x\": \"Count\",\n",
" \"y\": \"Sex\",\n",
" \"label\": \"Count\",\n",
" \"title\": \"Passengers of the Titanic\",\n",
" }\n",
" )\n",
")\n",
"chart.animate(\n",
" Config(\n",
" {\n",
" \"x\": [\"Count\", \"Survived\"],\n",
" \"label\": [\"Count\", \"Survived\"],\n",
" \"color\": \"Survived\",\n",
" }\n",
" )\n",
")\n",
"chart.animate(Config({\"x\": \"Count\", \"y\": [\"Sex\", \"Survived\"]}))\n",
"\n",
"\n",
"# add style to Chart\n",
"\n",
"chart.animate(Style({\"title\": {\"fontSize\": 35}}))\n",
"\n",
"\n",
"# filter data by the selected gender to Chart\n",
"\n",
"data_filter = Data.filter(f\"record['Sex'] == '{gender.value}'\")\n",
"chart.animate(data_filter)\n",
"\n",
"\n",
"# display Chart with show method (display=DisplayTarget.MANUAL)\n",
"\n",
"# chart.show()"
]
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3 (ipykernel)",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.8.10"
}
},
"nbformat": 4,
"nbformat_minor": 5
}
|