File size: 2,867 Bytes
2becd32
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2783aa5
 
 
2becd32
 
 
 
 
 
 
 
 
2783aa5
 
2becd32
b7fa009
2becd32
 
2783aa5
 
 
 
 
 
 
 
 
 
 
 
2becd32
2783aa5
2becd32
 
2783aa5
 
 
 
 
 
 
 
 
 
 
2becd32
 
 
 
 
 
2783aa5
 
 
 
 
 
 
 
 
 
 
 
2becd32
 
 
 
 
 
 
2783aa5
 
 
 
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
{
 "cells": [
  {
   "cell_type": "raw",
   "id": "41022af5",
   "metadata": {},
   "source": [
    "---\n",
    "title: ipyvizzu demo\n",
    "description: ipyvizzu mercury demo\n",
    "show-code: False\n",
    "params:\n",
    "params:\n",
    "    gender:\n",
    "        input: select\n",
    "        label: select the gender\n",
    "        choices: [male, female]\n",
    "        multi: False\n",
    "---"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "bf9e62cb",
   "metadata": {},
   "outputs": [],
   "source": [
    "# configure default value\n",
    "\n",
    "gender = 'male'\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "1226e7e9",
   "metadata": {},
   "outputs": [],
   "source": [
    "# import pandas and ipyvizzu and initialize chart\n",
    "\n",
    "import pandas as pd\n",
    "from ipyvizzu import Chart, Data, Config, Style\n",
    "\n",
    "\n",
    "chart = Chart(width=\"640px\", height=\"360px\")\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "1a26e2e9",
   "metadata": {},
   "outputs": [],
   "source": [
    "# add data\n",
    "\n",
    "data = Data()\n",
    "data_frame = pd.read_csv(\"https://github.com/vizzuhq/ipyvizzu/raw/main/docs/examples/stories/titanic/titanic.csv\")\n",
    "data.add_data_frame(data_frame)\n",
    "\n",
    "chart.animate(data)\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "1ab7ece9",
   "metadata": {},
   "outputs": [],
   "source": [
    "# add config\n",
    "\n",
    "chart.animate(Config({\"x\": \"Count\", \"y\": \"Sex\", \"label\": \"Count\",\"title\":\"Passengers of the Titanic\"}))\n",
    "chart.animate(Config({\"x\": [\"Count\",\"Survived\"], \"label\": [\"Count\",\"Survived\"], \"color\": \"Survived\"}))\n",
    "chart.animate(Config({\"x\": \"Count\", \"y\": [\"Sex\",\"Survived\"]}))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "9ab1ecf9",
   "metadata": {},
   "outputs": [],
   "source": [
    "# add style\n",
    "\n",
    "chart.animate(Style({\"title\": {\"fontSize\": 35}}))\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "e4ded5cf",
   "metadata": {},
   "outputs": [],
   "source": [
    "# filter data by gender\n",
    "\n",
    "data_filter = Data.filter(f\"record['Sex'] == '{gender}'\")\n",
    "chart.animate(data_filter)"
   ]
  }
 ],
 "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
}