Activité

Suivez vos opérations et vos résultats

Sur cette page, nous allons nous intéresser à l'historique opérationnelle (arbitrages) d'un portefeuille, ainsi qu'aux résultats réalisés lors des éventuelles cessions opérées. Nous ferons comme sur les autres pages, à savoir la séparation entre la phase de collecte des données et celle qui de restitution des dites données dans des tableaux ou autres widgets filtrants.

On commencera par une phase préliminaire identique aux autres expériences. Vous pouvez remplacer cette saisie en clef par une saisie avec une liste déroulante.

Nous avons choisi de restituer l'activité d'un portefeuille via un tableau (ci-dessous) et 5 graphiques dont l'objet est de montrer les périodes d'arbitrage sur une échelle temps, quelles classes d'actif et quelle sociétés de gestion ont été retenu dans la stratégie. L'autre fonction de ces graphiques est de servir de filtres interactifs de manière à concenter l'information affichée sur une partie de cette activité. Cliquez sur un segment ou une barre et vous mettrez à jour les autres graphique ainsi que le tableau détaillé.

Les camemberts permettent quand à eux de se focaliser sur les achats ou les ventes, les deals gagnants ou perdant au regard des prix actuels de marché.

Activité mensuelle

Indiquez ci-dessous une clef de portefeuille OU laissez cette zone vide pour afficher l'activité de tous les portefeuilles modèles que vous gérez et suivez. Le nom du portefeuille apparaitra dans le tableau.

Distribution par classe d'actifs

Distribution par société de gestion

Achats/ventes

Gagnants/perdants

Tableau des opérations et des résultats

Ce tableau reflète l'activité du portefeuille et son contenu est filtré en fonction des éléments sélectionnés sur les widgets précédent. Son contenu est personnalisable en terme de données, de format, de liens de redirection et de tri.

Date Status Model ETF Emetteur Prix Poids PnL Contribution
Showing - of .

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>