.. raw:: html

    <div data-toggle="collapse" href="#collapsedata" role="button" aria-expanded="false" aria-controls="collapsedata">
        <span class="badge badge-dark">Titanic data</span>
    </div>
    <div class="collapse" id="collapsedata">
        <div class="card-body">
            <p class="card-text">

This tutorial uses the Titanic data set, stored as CSV. The data
consists of the following data columns:

-  PassengerId: Id of every passenger.
-  Survived: Indication whether passenger survived. ``0`` for yes and ``1`` for no.
-  Pclass: One out of the 3 ticket classes: Class ``1``, Class ``2`` and Class ``3``.
-  Name: Name of passenger.
-  Sex: Gender of passenger.
-  Age: Age of passenger in years.
-  SibSp: Number of siblings or spouses aboard.
-  Parch: Number of parents or children aboard.
-  Ticket: Ticket number of passenger.
-  Fare: Indicating the fare.
-  Cabin: Cabin number of passenger.
-  Embarked: Port of embarkation.

.. raw:: html

            </p>
            <a href="https://github.com/pandas-dev/pandas/tree/main/doc/data/titanic.csv" class="btn btn-dark btn-sm">To raw data</a>
        </div>
    </div>
