Как создать уникальный идентификатор для разборной карты, созданной d3.js

Question

Это код, который у меня есть, но он сворачивает только первый элемент. Я хочу, чтобы он создал уникальный идентификатор и свернул созданную щелчком карту d3.

 d3.select(this).html(
                `<div class="card-header"><h5>${d.project}</h5></div>
                    <div class="card-body">
                         <h5 class="card-title">${d.status}</h5>
                            <h5 class="description">Description</h5>
                            <p class="card-text">${d.description}</p>
                   <h5 class="mb-0">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                          Details
                        </button>
                      </h5>
                    </div>
                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">

                      <div class="card-body">
                        <p class="tables">Table 1</p>
                         <p class="tables">Table 2</p>       
                      </div>`)
        });