31:T51d,32: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} })33:[] 2f:{"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"},{"id":29,"value":"\n\n

\n \n \n \n

","pinned":false,"hidden":false,"mode":"html"},{"id":98,"value":"$31","pinned":false,"hidden":false,"mode":"html"},{"id":22,"value":"import {powerplants_2019} from \"@emfielduva/dvlib_sampledata\"","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":539,"value":"### Draw the original layout\nsimilar to the original Clusters notebook:","pinned":false,"hidden":false,"mode":"md"},{"id":35,"value":"clElem = d3.select(svgContainer).select(\"#layer1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"clusters = dvCluster(clElem,slice,1000,800,\"Plant annual net generation (MWh)\",options)","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":14,"value":"-----","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":436,"value":"fociOneCenter = [{x: 500, y: 400}]","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":433,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":82,"value":"-----","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":617,"value":"labelLayer = clElem.append(\"g\").attr(\"id\",\"labels\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":733,"value":"`