{
 "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": [
    "gender = 'male'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "1226e7e9",
   "metadata": {},
   "outputs": [],
   "source": [
    "import pandas as pd\n",
    "from ipyvizzu import Chart, Data, Config\n",
    "\n",
    "\n",
    "data_frame = pd.read_csv('./titanic.csv')\n",
    "data = Data()\n",
    "data.add_data_frame(data_frame)\n",
    "\n",
    "chart = Chart(width=\"640px\", height=\"360px\")\n",
    "\n",
    "chart.animate(data)\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": "e4ded5cf",
   "metadata": {},
   "outputs": [],
   "source": [
    "datafilter = Data.filter(f\"record['Sex'] == '{gender}'\")\n",
    "chart.animate(datafilter)"
   ]
  }
 ],
 "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
}