Le top 30 des artistes québécois de moins de 30 ans

📰 LES DERNIÈRES NOUVELLES DE QUB

Accueil

Les nouvelles d'autres marques

Culture

<div class="inline-content">
 <p><strong>Ils sont humoristes, comédiens, chanteurs, danseurs et musiciens. Ils ont fait leurs preuves autant sur nos scènes que sur nos écrans et nos palmarès. Et ils sont ainsi passés maîtres de leur discipline avant même d’atteindre la trentaine. Preuve que la relève artistique est bel et bien assurée au Québec, </strong><strong><em>Le Journal</em></strong><strong> vous présente son palmarès des 30 artistes de moins de 30 ans les plus importants de leur génération.</strong></p>
 <p></p>
 <link rel="stylesheet" href="https://s1.quebecormedia.com/infojdem/2023/30-under-30/style.css">
 <div id="fichesTrente"></div>
 <script src="https://s1.quebecormedia.com/infojdem/lib/d3/d3.v6.js"></script>
 <script type="text/javascript">

    const file = 'https://s1.quebecormedia.com/infojdem/2023/30-under-30/data30.json';

    const generateChart = data => {
        var sortedArtists = data.trente.slice().sort((a, b) => d3.descending(a.numero, b.numero));
        var trente =
            d3.select('#fichesTrente')
                .selectAll('div')
                .data(sortedArtists)
                .enter()
                .append('div')
                .html(function (d, i) {
                    var photo = d.prenom+"-"+d.nom;
                    photo = photo.normalize("NFD").replace(/\p{Diacritic}/gu, "");
                    photo = photo.replace(/\s+/g, '-');
                    return `<div class="fiche-trente">
                                <div class="trente-image"><img src="https://s1.quebecormedia.com/infojdem/2023/30-under-30/images_LR/${photo}.jpg" alt="${d.prenom} ${d.nom}" /></div>
                                <div class="trente-contenu">
                                    <div class="trente-entete">
                                        <div class="trente-numero">${d.numero}</div>
                                        <div class="trente-details">
                                            <div class="trente-prenom">${d.prenom}</div>
                                            <div class="trente-nom">${d.nom}</div>
                                            <div class="trente-age">${d.age}</div>
                                        </div>
                                    </div>
                                    <div class="trente-description"><span class="pastille">${d.categorie}</span> ${d.description}<div class="credit-photo">PHOTOMONTAGE JDM</div></div>
                                </div>
                            </div>`;
                });
    }

    (async () => {
        data = await d3.json(file).then(data => data);
        generateChart(data);
    })();



</script>
 <p></p>
</div>
<div id="inline1" class="inline-ads">
 <script>
window.adsSlotList = window.adsSlotList || [] 
window.adsSlotList.push('inline1') 
</script>
</div>