Comparateur d'Univers

Implémentation

        
            <!-- Latest version of d3 librairies -->
            <script src="https://lili.am/Scripts/d3/v5/d3.js" type="text/javascript"></script>
            <script src="/Scripts/d3dc/bubble.universes-1.2.js"></script>
            <script src="/Scripts/universesController.js"></script>

            <script>

                $(document).ready(function () {

                    // First, we create a new instance of universes controller to get data from server with LILI API
                    $u = new LoyolApp.UniverseController();
                    var $b = new universeBubbles('#universe-bubbles');

                    // Listen to change scenario
                    $('.btn-option').click(function (e) {
                        e.preventDefault();
                        scenario = parseInt($(this).data('option'));
                        $b.setOption(scenario);
                    });

                    // Call the web api to get the comparison data
                    $u.get('Comparison', null, function (data) {
                        // Then we populate the bubbles with each universe
                        $b.load(data, function () { })
                    });

                });


            </script>