Mon Offre

Positionner son offre par rapport à la concurrence

Sur cette page, nous allons nous intéresser à 3 fonds (OPCVM ou ETF) émis par une société de gestion pour positionner son offre dans la classe d'actifs de référence. Sur la base d'une période passée, l'utilisateur peut voir en seule vue les performances, les volatilités, les profils de risques (couleur d'une bulle) ainsi que les frais de gestion (taille de la bulle)

Implémentation

Pour cette expérience, nous allons prendre une version locale des scripts de restitution afin de mieux personnaliser le contenu et l'ordre de la table


    <!-- Latest version of d3 librairies -->
    <script src="https://lili2.am/Scripts/d3/d3.js" type="text/javascript"></script>
    <!-- Latest version of crossfilter librairies -->
    <script src="https://lili2.am/Scripts/Crossfilter/crossfilter.js" type="text/javascript"></script>
    <!-- Latest version of dc librairies -->
    <script src="https://lili2.am/Scripts/dc/2.1.7/dc.js" type="text/javascript"></script>
    

Pour personnaliser notre tableau comparatif, nous avons simplement fait une copie du script proposé par défaut (instrument-charts), script que nous avons enregistré sur notre serveur pour édition. Nous avons ici retiré quelques colonnes et redirigé certains liens.


    <!-- IMPORTANT Local version of widgets activity charts -->
    <script src="/Scripts/activity-charts.js" type="text/javascript"></script>
    

Chaque élément pour widget a une propriété data-chart permettant de définir le type de widget qui sera déployé au sein de l'élément.


    <div id="pnl-counter" class="activity-chart number" data-chart="number" data-number="pnl"></div>
    <div id="rating-pie" class="portfolio-chart pie-chart" data-chart="pie" data-dimension="rating">
        ...
    </div>