radarLine = d3.lineRadial()
.curve(d3[curveSelect])
.radius(d => rScale(d))
.angle((d, i) => i * angleSlice)
rScale = d3.scaleLinear()
.domain([0, maxValue])
.range([0, radius])
color = d3.scaleOrdinal()
.range(["#FFBE0B","#03045E","#ae2012","#8338ec","#4f772d","#7b2cbf","#16697a","#003459"])
data = [
[//Bank of America
{axis:"Business Services",value:2},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:1},
{axis:"E-commerce",value:1},
{axis:"Education",value:1},
{axis:"Finance",value:8},
{axis:"Fintech",value:2},
{axis:"Food",value:1},
{axis:"Health",value:1},
{axis:"Manufacturing",value:1},
{axis:"Mobility",value:1},
{axis:"Energy",value:1}
],[//Barclays
{axis:"Business Services",value:1},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:1},
{axis:"E-commerce",value:1},
{axis:"Education",value:1},
{axis:"Finance",value:2},
{axis:"Fintech",value:2},
{axis:"Food",value:1},
{axis:"Health",value:1},
{axis:"Manufacturing",value:1},
{axis:"Mobility",value:1},
{axis:"Energy",value:1}
],[//Citibank
{axis:"Business Services",value:1},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:1},
{axis:"E-commerce",value:1},
{axis:"Education",value:1},
{axis:"Finance",value:6},
{axis:"Fintech",value:3},
{axis:"Food",value:1},
{axis:"Health",value:1},
{axis:"Manufacturing",value:1},
{axis:"Mobility",value:1},
{axis:"Energy",value:1}
],[//Deutsche Bank
{axis:"Business Services",value:1},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:1},
{axis:"E-commerce",value:1},
{axis:"Education",value:1},
{axis:"Finance",value:5},
{axis:"Fintech",value:3},
{axis:"Food",value:1},
{axis:"Health",value:1},
{axis:"Manufacturing",value:1},
{axis:"Mobility",value:1},
{axis:"Energy",value:1}
],[//Goldman Sachs
{axis:"Business Services",value:4},
{axis:"Deep Tech",value:3},
{axis:"Digital Infra",value:2},
{axis:"E-commerce",value:2},
{axis:"Education",value:2},
{axis:"Finance",value:11},
{axis:"Fintech",value:7},
{axis:"Food",value:2},
{axis:"Health",value:1},
{axis:"Manufacturing",value:4},
{axis:"Mobility",value:1},
{axis:"Energy",value:1}
],[//JPMorgan
{axis:"Business Services",value:1},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:1},
{axis:"E-commerce",value:1},
{axis:"Education",value:1},
{axis:"Finance",value:1},
{axis:"Fintech",value:5},
{axis:"Food",value:1},
{axis:"Health",value:1},
{axis:"Manufacturing",value:1},
{axis:"Mobility",value:2},
{axis:"Energy",value:4}
],[//Morgan Stanley
{axis:"Business Services",value:2},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:2},
{axis:"E-commerce",value:1},
{axis:"Education",value:2},
{axis:"Finance",value:5},
{axis:"Fintech",value:3},
{axis:"Food",value:1},
{axis:"Health",value:2},
{axis:"Manufacturing",value:3},
{axis:"Mobility",value:2},
{axis:"Energy",value:2}
],[//UBS
{axis:"Business Services",value:1},
{axis:"Deep Tech",value:1},
{axis:"Digital Infra",value:1},
{axis:"E-commerce",value:1},
{axis:"Education",value:1},
{axis:"Finance",value:6},
{axis:"Fintech",value:1},
{axis:"Food",value:1},
{axis:"Health",value:1},
{axis:"Manufacturing",value:1},
{axis:"Mobility",value:1},
{axis:"Energy",value:1}
]
];
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
