25:["$","title",null,{"children":"Clusters - dynamic movement | Brandtly Jones | Observable"}] 49:T51d,4a:T4f7,fociStates = ({ "AK":{x: 100, y: 100},"AL":{x: 300, y: 100},"AR":{x: 500, y: 100},"AZ":{x: 700, y: 100},"CA":{x: 900, y: 100}, "CO":{x: 100, y: 200},"CT":{x: 300, y: 200},"DC":{x: 500, y: 200},"DE":{x: 700, y: 200},"FL":{x: 900, y: 200}, "GA":{x: 100, y: 300},"HI":{x: 300, y: 300},"IA":{x: 500, y: 300},"ID":{x: 700, y: 300},"IL":{x: 900, y: 300}, "IN":{x: 100, y: 400},"KS":{x: 300, y: 400},"KY":{x: 500, y: 400},"LA":{x: 700, y: 400},"MA":{x: 900, y: 400}, "MD":{x: 100, y: 500},"ME":{x: 300, y: 500},"MI":{x: 500, y: 500},"MN":{x: 700, y: 500},"MO":{x: 900, y: 500}, "MS":{x: 100, y: 600},"MT":{x: 300, y: 600},"NC":{x: 500, y: 600},"ND":{x: 700, y: 600},"NE":{x: 900, y: 600}, "NH":{x: 100, y: 700},"NJ":{x: 300, y: 700},"NM":{x: 500, y: 700},"NV":{x: 700, y: 700},"NY":{x: 900, y: 700}, "OH":{x: 100, y: 800},"OK":{x: 300, y: 800},"OR":{x: 500, y: 800},"PA":{x: 700, y: 800},"RI":{x: 900, y: 800}, "SC":{x: 100, y: 900},"SD":{x: 300, y: 900},"TN":{x: 500, y: 900},"TX":{x: 700, y: 900},"UT":{x: 900, y: 900}, "VA":{x: 100, y: 1000},"VT":{x: 300, y: 1000},"WA":{x: 500, y: 1000},"WI":{x: 700, y: 1000},"WV":{x: 900, y: 1000}, "WY":{x: 100, y: 1100},"EX1":{x: 300, y: 1100},"EX2":{x: 500, y: 1100},"EX3":{x: 700, y: 1100},"":{x: 900, y: 1100} })4b:[] 29:{"id":"34d1e318051f15ed","slug":null,"title":"Clusters - dynamic movement","thumbnail":"e2c9e152fdd483591b55b78a6d5655f1145121b9121adef40e581febf8f86289","access_level":"public","create_time":"$D2023-05-01T17:52:31.999Z","update_time":"$D2023-05-01T17:52:31.999Z","view_time":null,"first_public_time":"$D2023-05-01T17:52:31.999Z","has_unpublished_edits":null,"fork":{"id":"b612682c6378fbf7","slug":"clusters-dynamic-movement","title":"Clusters - dynamic movement","owner":{"id":"58dc22f5e2929ad2","login":"emfielduva","name":"Eric Field"}},"stars":0,"starred":false,"owner":{"type":"team","id":"009014e770aabd81","login":"brandtlyj","name":"Brandtly Jones","avatar_url":"https://avatars-next.observableusercontent.com/a1b77fe315418ac9bee575ef70138bc76c62f6ab65825fed17ffa1ba857a32b7","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":747,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"faa4eab6a7554d34","login":"brandtlyj","name":"Brandtly Jones","avatar_url":"https://avatars-next.observableusercontent.com/a1b77fe315418ac9bee575ef70138bc76c62f6ab65825fed17ffa1ba857a32b7","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"faa4eab6a7554d34","login":"brandtlyj","name":"Brandtly Jones","avatar_url":"https://avatars-next.observableusercontent.com/a1b77fe315418ac9bee575ef70138bc76c62f6ab65825fed17ffa1ba857a32b7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Clusters - dynamic movement","cells":[{"id":0,"value":"# Clusters - dynamic movement\nExtending the single-draw Clusters example, this one moves the nodes dynamically by selecting different sets of foci, sorting based on data in each node.\n\nlibrary function: `dvClusterMoveNodes(newFoci,fociField)`\n\nUse the buttons below the cluster to change which foci sets to move and sort to. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":29,"value":"\n\n

\n \n \n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"svgContainer","database":"$undefined"},{"id":98,"value":"$49","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"styles","database":"$undefined"},{"id":22,"value":"import {powerplants_2019} from \"@emfielduva/dvlib_sampledata\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":535,"value":"For demonstration purposes, to make it move faster, I'm sampling 2000 records from the full 11000+ record set. You can change this using the slice value on the right.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":27,"value":"slice = d3.shuffle(powerplants_2019).slice(0,2000) // change the right number here to show more or fewer of the 11000+ powerplants","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":539,"value":"### Draw the original layout\nsimilar to the original Clusters notebook:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":35,"value":"clElem = d3.select(svgContainer).select(\"#layer1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"clusters = dvCluster(clElem,slice,1000,800,\"Plant annual net generation (MWh)\",options)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"options = ({\n \"classField\": \"Plant primary fuel generation category\",\t\t// to set their class/color\n \"dotScaleFactor\": 0.005,\n \"strength\": -0.5,\n \"alphaTarget\": 0.09\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":245,"value":"### Multiple Foci sets:\nfoci can have any x,y location that you need. These are just in a simple grid of values, but these could come from map locations or any other location generator on screen from another routine.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":436,"value":"fociOneCenter = [{x: 500, y: 400}]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"fociFuels = ({\n \"OIL\":{x: 200, y: 200},\"GAS\":{x: 400, y: 200},\"HYDRO\":{x: 600, y: 200},\"COAL\":{x: 800, y: 200},\n \"NUCLEAR\":{x: 200, y: 400},\"WIND\":{x: 400, y: 400},\"SOLAR\":{x: 600, y: 400},\"BIOMASS\":{x: 800, y: 400},\n \"GEOTHERMAL\":{x: 200, y: 600},\"OFSL\":{x: 400, y: 600},\"OTHF\":{x: 600, y: 600},\"\":{x: 800, y: 600}\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"$4a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":717,"value":"### Add a layer to put foci labels\nThis isn't strictly necessary but can be helpful for organization.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":617,"value":"labelLayer = clElem.append(\"g\").attr(\"id\",\"labels\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"`