primaryLinks = data.links.filter(d => (influencers.includes(d.source))|| influencers.includes(d.target))
Published
Edited
Apr 20, 2021
Table(Pinfl)
Pinfl = FileAttachment("PUK.csv").csv()
influencersCsv = d3.csvParse(await FileAttachment("Infl with stats@2.csv").text(), d3.autoType)
mpCsv = d3.csvParse(await FileAttachment("MP attributes.csv").text(), d3.autoType)
influencers = influencersCsv.map(d => d[""])
highlightPrimaryLinks = data.links.filter(d => (highlightInfluencers.includes(d.source))|| highlightInfluencers.includes(d.target))
inflConnectedTo = Array.from(new Set(primaryLinks.map(d => d['source']).concat(primaryLinks.map(d => d['target']))))
highlightInflConnectedTo = Array.from(new Set(highlightPrimaryLinks.map(d => d['source']).concat(highlightPrimaryLinks.map(d => d['target']))))
displayNodes = data.nodes.filter(d => (inflConnectedTo.includes(d['id'])))
function isConnectedTo(d) {
const hlL = displayLinks.filter(o => (d.includes(o.source))|| d.includes(o.target))
return Array.from(new Set(hlL.map(d => d['source']).concat(hlL.map(d => d['target']))))
}
isConnectedTo("sunny_hundal")
secondaryLinks = data.links.filter(d => (inflConnectedTo.includes(d.source) && inflConnectedTo.includes(d.target)))
filteredSecondaryLinks = secondaryLinks//.filter(d => d.weight > noLinks)
displayLinks = primaryLinks.concat(secondaryLinks)
height = 680
function getNodeSize(d) {
if (influencers.includes(d.id)) {
return inflNodeSize(d['MP followers'])
}
if(mpCsv.map(d => d["Name"]).includes(d.name)){
let i = mpCsv.filter(a => a["Name"] == d.name)[0]
return 5 //mpNodeSize(i["Number of accounts following"])
}
}
function getColor(d) {
if (influencers.includes(d.id)) {
return "grey"
}
if(mpCsv.map(d => d["Name"]).includes(d.name)){
return d.colour
}
}
inflNodeSize = d3.scaleLinear()
.domain([0, d3.max(influencersCsv.map(d => d["MP followers"]))])
.range([10, 20])
mpNodeSize = d3.scaleLinear()
.domain([0, d3.max(mpCsv.map(d => d["Number of accounts following"]))])
.range([6, 20])
forceScale = d3.scaleLinear()
.domain(d3.extent(displayLinks.map(d => d.weight)))
.range([0, 0.7])
distanceScale = d3.scaleLog()
.domain(d3.extent(displayLinks.map(d => d.weight)))
.range([80, 30])
weightScale = d3.scaleLog()
.domain(d3.extent(displayLinks.map(d => d.weight)))
.range([0.1, 5])
colors = ['#b2182b', '#ef8a62', '#fddbc7', '#f7f7f7', '#d1e5f0', '#67a9cf', '#2166ac']
// dark red to dark blue
colorScale = d3.scaleSequentialQuantile(d3.interpolateRdYlBu)
.domain(d3.range(0, 1.1, 0.1))
ramp(colorScale)
crunch = d3.scaleLinear()
.domain([-1, 1])
.range([0, 1])
import {Radio, Range, Search, Select, Table, html} from "@observablehq/inputs"
d3 = require("d3@6")
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.
