JSFiddle - React, Tailwind, and code Playground

by George

JavaScript

var jobs = [{
     color: "#FF4136",
     name: "XXX-tomcat-verify",
     url: "http://1.1.7.9:8080/job/xxx-tomcat-verify/"
},
{
     color: "#FF4136",
     name: "XXX-tomcat-accept",
     url: "http://1.1.7.9:8080/job/xxx-tomcat-accept/"
},
{
     color: "#FF4136",
     name: "XXX-tomcat-delivery",
     url: "http://1.1.7.9:8080/job/xxx-tomcat-delivery/"
},
{
     color: "#FF4136",
     name: "XXX-linux-verify",
     url: "http://1.1.7.9:8080/job/xxx-tomcat-verify/"
},
{
     color: "#FF4136",
     name: "XXX-linux-accept",
     url: "http://1.1.7.9:8080/job/xxx-tomcat-accept/"
},
{
     color: "#FF4136",
     name: "XXX-linux-delivery",
     url: "http://1.1.7.9:8080/job/xxx-tomcat-delivery/"
}];

console.log( jobs );
var formatted_map = d3.nest().key( function( d ) { return d.name.substr( 0, d.name.lastIndexOf( '-' ) ); } ).map( jobs );
console.log( formatted_map );
console.log( JSON.stringify( formatted_map ))
var formatted_array = d3.nest().key( function( d ) { return d.name.substr( 0, d.name.lastIndexOf( '-' ) ); } ).entries( jobs );
console.log( formatted_array );
console.log( JSON.stringify( formatted_array ))