如何在熊猫中绘制分组数据？

Question

我正在调查泰坦尼克号数据集。我按照＆＃39; Pclass＆＃39;，＆＃39; Survived＆＃39; Sex＆＃39;分组数据。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

      <div class="row-fluid col-lg-12 col-md-12 col-sm-6">

            <div class="row">
                <div class="row">
                    <div class="col-md-9">
                        <h3>Shop by Brand</h3>
                    </div>
                    <div class="col-md-3">
                        <!-- Controls -->
                        <div class="controls pull-right hidden-xs">
                            <a class="left fa fa-chevron-left btn btn" href="#carousel-example"
                               data-slide="prev"></a><a class="right fa fa-chevron-right btn" href="#carousel-example"
                                                        data-slide="next"></a>
                        </div>
                    </div>
                </div>
                <div id="carousel-example" class="carousel slide hidden-xs" data-ride="carousel">
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="col-item">
                                       

                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>
                                                
                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="col-item">


                                        <div class="photo">
                                            <img src="http://www.prepbootstrap.com/Content/images/template/productslider/product_001.jpg" class="img-responsive" alt="a" />
                                        </div>
                                        <div class="info">
                                            <div class="separator clear-left">
                                                <p class="btn-add">
                                                    <a href="#" class="hidden-sm">Shop Now</a>
                                                </p>

                                            </div>
                                            <div class="clearfix">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

我如何策划＆＃39;幸存＆＃39;使用Matplotlib和Seaborn每个性别的每个Plcass的数据？