2d:null 2e:["$","title",null,{"children":"Synod main components | Anaglyphic | Observable"}] 33:T4a6,messages = { const messdiv = document.createElement("div"); messdiv.style = `font-family:Arial, sans-serif; font-size:12px; white-space: pre-wrap; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: break-word; width:100%;height:300px`; synodData.messages.forEach((d) => { const message = document.createElement("div"); const content = document.createElement("div"); const author = document.createElement("div"); author.style = "border-bottom:1px solid cyan;padding:4px;"; const contentext = d.description.replace("\n", "
"); content.innerHTML = contentext; author.innerHTML = `${d.artist_profile.alias} - @${d.artist_profile.twitter} - ${d.artist_profile.account}
${d.minted_at}`; message.appendChild(document.createElement("hr")); message.appendChild(author); message.appendChild(content); messdiv.appendChild(message); }); const anaversariesDiv = document.createElement("div"); anaversariesDiv.innerHTML = `======
${anaversaries}`; messdiv.append(anaversariesDiv); return messdiv; }34:T423,anaversaries = { const anavWallets = []; wallets.forEach((w) => (w.todayanav ? anavWallets.push(w) : false)); var anavcontent = "

No anaversaries to celebrate today!

"; const anaversaryPeople = []; console.log(anavWallets); if (anavWallets.length > 0) { var anavlist = ""; for (let i = 0; i < anavWallets.length; ++i) { const person = anavWallets[i]; var name = ""; if (metaEnrich[person.Wallet].twitter) { name = `@${metaEnrich[person.Wallet].twitter.replace( "https://twitter.com/", "" )}`; } else if (person.Name) { name = person.Name; } anavlist += name; if (name.length > 0) { anavlist += ", "; } } let lastIndex = anavlist.lastIndexOf(", "); const list = anavlist.substring(0, lastIndex) + anavlist.substring(lastIndex + 2); anavcontent = `

Today we celebrate ${list}!

`; } return anavcontent; }35:T41e,rebuildWalletHistory = { var history = 0; if (mainTable.length === 1) { const w = mainTable[0].Wallet; const tokenList = []; for (const id in synodData.objkts) { const objkt = synodData.objkts[id]; var objktOwnershipProfile = [{ start: 0, id }]; var count = 0; if (objkt.events) { objkt.events.forEach((transaction) => { if (transaction.buyer_address === w) { //console.log(id); if (objktOwnershipProfile[count].start > 0) { objktOwnershipProfile.push({ start: 0, id }); count++; } objktOwnershipProfile[count].start = new Date( transaction.timestamp ); } if (transaction.seller_address === w) { objktOwnershipProfile[count].end = new Date(transaction.timestamp); } }); } if (objktOwnershipProfile[0].start > 0) { tokenList.push(...objktOwnershipProfile); } } history = tokenList; } return history; }36:T56c,wallets = { const wallets = []; const day = new Date().getDate(); const month = new Date().getMonth(); for (const wallet in synodData.wallets) { var w = synodData.wallets[wallet]; if (wallet != "tz1hkKqGk3fPPYroNagWpWsxxV3x8P8jqwp9") { var list = ""; w.collection.forEach((objkt, id) => { list += "

" + objkt.metadata.name + "

"; }); var name = w.profile.name; if (!name) { name = wallet; } const wdate = new Date(w.anaversary); let todayanav = false; if (wdate.getDate() === day && wdate.getMonth() === month) { todayanav = true; } var Anaversary; Anaversary = new Date(w.anaversary).toLocaleDateString(); if (Anaversary === "Invalid Date") { Anaversary = "[NA]"; } wallets.push({ Name: name, Wallet: wallet, Count: w.collection.size, Anaversary, Tokens: list, Affiliation: w.profile.affiliation ? w.profile.affiliation : "", γp: w.totalGP, todayanav }); } } const sortedWallets = wallets .slice() .sort((a, b) => d3.descending(a.γp, b.γp)); for (let i = 0; i < sortedWallets.length; ++i) { sortedWallets[i].Rank = parseInt(i + 1); } //sorted wallets means loading is over // mutable loading = false; return sortedWallets; }37:T874,personalTooltip = { var div = document.createElement("div"); if (mainTable.length === 1) { const wallet = synodData.wallets[mainTable[0].Wallet]; var desc = "

"; if (wallet.profile.avatarUri) { desc += `

`; } var sold = 0; rebuildWalletHistory.forEach((d) => (d.hasOwnProperty("end") ? sold++ : 0)); if (wallet.profile.name) { desc += `

Name: ${wallet.profile.name}

`; } desc += `

ID: ${wallet.profile.id}

Affiliation: ${ wallet.profile.affiliation }

γp: ${num(wallet.totalGP)}

Has bought: ${ rebuildWalletHistory.length } tk

Has sold: ${sold} tk

`; if (wallet.profile.description) { desc += `

Description: ${wallet.profile.description}

`; } if (metaEnrich[mainTable[0].Wallet].twitter) { desc += `

Twitter: @${metaEnrich[mainTable[0].Wallet].twitter.replace( "https://twitter.com/", "" )}

`; } if (wallet.profile.website) { desc += `

Website: ${wallet.profile.website}

`; } desc += `

Links: [tztk] - [objkt] - [fx(hash)] - [versum]

`; div.innerHTML = desc + "

"; return div; } else { div.innerHTML = "Click on a wallet to display its metadata."; } return div; }38:T4bd,gentkGPlineGraphchart = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, gentkGPlineGraph.height]) .style("display", "block"); const clipId = DOM.uid("clip"); svg .append("clipPath") .attr("id", clipId.id) .append("rect") .attr("x", gentkGPlineGraph.margin.left) .attr("y", 0) .attr("height", gentkGPlineGraph.height) .attr( "width", width - gentkGPlineGraph.margin.left - gentkGPlineGraph.margin.right ); const gx = svg.append("g"); const gy = svg.append("g"); const path = svg .append("path") .datum(marketGraphData) .attr("clip-path", clipId) .attr("stroke", "red") .attr("fill", "none"); if (marketGraphData.length === 0) { svg.style("display", "none"); } else { svg.style("display", "block"); } //svg.selectAll("rect").attr("fill", "blue"); return Object.assign(svg.node(), { update(focusX, focusY) { gx.call(gentkGPlineGraph.xAxis, focusX, gentkGPlineGraph.height); gy.call(gentkGPlineGraph.yAxis, focusY, marketGraphData.y); gy.selectAll("line").attr("stroke", "lightgray").lower(); path.attr("d", gentkGPlineGraph.line(focusX, focusY)); } }); }39:T79b,viewof gentkGPlineGraphfocus = { const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, gentkGPlineGraph.focusHeight]) .style("display", "block"); const brush = d3 .brushX() .extent([ [gentkGPlineGraph.margin.left, 0.5], [ width - gentkGPlineGraph.margin.right, gentkGPlineGraph.focusHeight - gentkGPlineGraph.margin.bottom + 0.5 ] ]) .on("brush", brushed) .on("end", brushended); const defaultSelection = [ gentkGPlineGraph.x(d3.utcYear.offset(gentkGPlineGraph.x.domain()[1], -1)), //new Date(synodData.constants.epoch), gentkGPlineGraph.x.range()[1] ]; //var start = new Date(synodData.constants.epoch); //start.setFullYear(start.getFullYear() - 1); //const defaultSelection = [start, new Date()]; //d3.extent(marketGraphData, (d) => d.date); svg .append("g") .call( gentkGPlineGraph.xAxis, gentkGPlineGraph.x, gentkGPlineGraph.focusHeight ); svg .append("path") .datum(marketGraphData) .attr("fill", "none") .attr("stroke", "red") .attr( "d", gentkGPlineGraph.line( gentkGPlineGraph.x, gentkGPlineGraph.y .copy() .range([ gentkGPlineGraph.focusHeight - gentkGPlineGraph.margin.bottom, 4 ]) ) ); const gb = svg.append("g").call(brush); //.call(brush.move, defaultSelection); function brushed({ selection }) { if (selection) { svg.property( "value", selection .map(gentkGPlineGraph.x.invert, gentkGPlineGraph.x) .map(d3.utcDay.round) ); svg.dispatch("input"); } } function brushended({ selection }) { if (!selection) { gb.call(brush.move, defaultSelection); } } if (marketGraphData.length === 0) { svg.style("display", "none"); } else { svg.style("display", "block"); } return svg.node(); }3a:T58b,gentkGPlineGraph = { var height = 300; var focusHeight = 80; var margin = { top: 20, right: 20, bottom: 30, left: 40 }; const obj = { yAxis: (g, y, title) => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).tickSize(-width)) .call((g) => g.select(".domain").remove()) .call((g) => g .selectAll(".title") .data([title]) .join("text") .attr("class", "title") .attr("x", -margin.left) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(title) ), xAxis: (g, x, height) => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(x) .ticks(width / 80) .tickSizeOuter(0) ), height: 300, focusHeight: 80, x: d3 .scaleUtc() .domain(d3.extent(marketGraphData, (d) => d.date)) .range([margin.left, width - margin.right]), y: d3 .scaleLinear() .domain([0, d3.max(marketGraphData, (d) => d.value)]) .range([height - margin.bottom, margin.top]), line: (x, y) => d3 .line() .defined((d) => !isNaN(d.value)) .x((d) => x(d.date)) .y((d) => y(d.value)), margin: { top: 20, right: 20, bottom: 30, left: 40 } }; return obj; }3b:T1842,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/disjoint-force-directed-graph function ForceGraph( { nodes, // an iterable of node objects (typically [{id}, …]) links // an iterable of link objects (typically [{source, target}, …]) }, { nodeId = (d) => d.id, // given d in nodes, returns a unique identifier (string) nodeGroup, // given d in nodes, returns an (ordinal) value for color nodeGroups, // an array of ordinal values representing the node groups nodeTitle, // given d in nodes, a title string nodeFill = "currentColor", // node stroke fill (if not using a group color encoding) nodeStroke = "#000", // node stroke color nodeStrokeWidth = 1, // node stroke width, in pixels nodeStrokeOpacity = 1, // node stroke opacity nodeRadius, // node radius, in pixels nodeStrength, linkSource = ({ source }) => source, // given d in links, returns a node identifier string linkTarget = ({ target }) => target, // given d in links, returns a node identifier string linkStroke = "#999", // link stroke color linkStrokeOpacity = 0.6, // link stroke opacity linkStrokeWidth = 3, // given d in links, returns a stroke width in pixels linkStrokeLinecap = "round", // link stroke linecap linkStrength = 0.01, colors = d3.schemeTableau10, // an array of color strings, for the node groups width = 640, // outer width, in pixels height = 400, // outer height, in pixels invalidation // when this promise resolves, stop the simulation } = {} ) { // Compute values. const N = d3.map(nodes, nodeId); //.map(intern); const LS = d3.map(links, linkSource).map(intern); const LT = d3.map(links, linkTarget).map(intern); if (nodeTitle === undefined) nodeTitle = (_, i) => N[i]; const T = nodeTitle == null ? null : d3.map(nodes, nodeTitle); const G = nodeGroup == null ? null : d3.map(nodes, nodeGroup).map(intern); const W = typeof linkStrokeWidth !== "function" ? null : d3.map(links, linkStrokeWidth); // Replace the input nodes and links with mutable objects for the simulation. nodes = d3.map(nodes, (_, i) => ({ id: N[i] })); links = d3.map(links, (_, i) => ({ source: LS[i], target: LT[i] })); // Compute default domains. if (G && nodeGroups === undefined) nodeGroups = d3.sort(G); // Construct the scales. const color = nodeGroup == null ? null : d3.scaleOrdinal(nodeGroups, colors); // Construct the forces. const forceNode = d3.forceManyBody().strength(-30); const forceLink = d3.forceLink(links).id(({ index: i }) => N[i]); if (nodeStrength !== undefined) forceNode.strength(nodeStrength); if (linkStrength !== undefined) forceLink.strength(linkStrength); const simulation = d3 .forceSimulation(nodes) .force("link", forceLink) .force("charge", forceNode) .force("x", d3.forceX()) .force("y", d3.forceY()) .on("tick", ticked); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [-width / 2, -height / 2, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); const link = svg .append("g") .attr("stroke", linkStroke) .attr("stroke-opacity", linkStrokeOpacity) .attr( "stroke-width", typeof linkStrokeWidth !== "function" ? linkStrokeWidth : null ) .attr("stroke-linecap", linkStrokeLinecap) .selectAll("line") .data(links) .join("line"); if (W) link.attr("stroke-width", ({ index: i }) => W[i]); const tooltip = svg.append("g").style("display", "none"); var toolrect = tooltip .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", 200) .attr("height", 25) .attr("fill", "white") .attr("stroke", "red"); var toolname = tooltip .append("text") .attr("x", 5) .attr("y", 15) .style("font-family", "monospace") .style("font-size", "10px") .text(""); const node = svg .append("g") // .attr("stroke", nodeStroke) .attr("stroke-opacity", nodeStrokeOpacity) .attr("stroke-width", nodeStrokeWidth) .selectAll("circle") .data(nodes) .join("circle") .attr( "fill", "red" ) .style("cursor", "pointer") .attr( "stroke", "cyan" ) .attr("r", (d) => parseInt( 1 + synodData.wallets[d.id].totalGP / (synodData.glyph_power.total * 0.003) ) ) .on("mouseover", (event, d) => { const name = synodData.wallets[d.id].profile.name ? synodData.wallets[d.id].profile.name : d.id; toolname.text(name); toolrect.attr("width", name.length * 9); tooltip .style("display", "block") .attr("transform", `translate(${d.x},${d.y})`) .raise(); }) .on("mouseend", () => tooltip.style("display", "none").lower()) .call(drag(simulation)); // if (G) node.attr("fill", ({ index: i }) => color(G[i])); if (T) node.append("title").text(({ index: i }) => T[i]); // Handle invalidation. if (invalidation != null) invalidation.then(() => simulation.stop()); function intern(value) { return value !== null && typeof value === "object" ? value.valueOf() : value; } function ticked() { link .attr("x1", (d) => d.source.x) .attr("y1", (d) => d.source.y) .attr("x2", (d) => d.target.x) .attr("y2", (d) => d.target.y); node.attr("cx", (d) => d.x).attr("cy", (d) => d.y); } function drag(simulation) { function dragstarted(event) { if (!event.active) simulation.alphaTarget(0.3).restart(); event.subject.fx = event.subject.x; event.subject.fy = event.subject.y; } function dragged(event) { event.subject.fx = event.x; event.subject.fy = event.y; } function dragended(event) { if (!event.active) simulation.alphaTarget(0); event.subject.fx = null; event.subject.fy = null; } return d3 .drag() .on("start", dragstarted) .on("drag", dragged) .on("end", dragended); } return Object.assign(svg.node(), { scales: { color } }); }3c:T12a3,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/stacked-bar-chart function StackedBarChart( data, { x = (d, i) => i, // given d in data, returns the (ordinal) x-value y = (d) => d, // given d in data, returns the (quantitative) y-value z = () => 1, // given d in data, returns the (categorical) z-value title, // given d in data, returns the title text marginTop = 30, // top margin, in pixels marginRight = 0, // right margin, in pixels marginBottom = 30, // bottom margin, in pixels marginLeft = 40, // left margin, in pixels width = 500, // outer width, in pixels height = 1500, // outer height, in pixels xDomain, // array of x-values xRange = [marginLeft, width - marginRight], // [left, right] xPadding = 0.1, // amount of x-range to reserve to separate bars yType = d3.scaleLinear, // type of y-scale yDomain, // [ymin, ymax] yRange = [height - marginBottom, marginTop], // [bottom, top] zDomain, // array of z-values offset = d3.stackOffsetDiverging, // stack offset method order = d3.stackOrderNone, // stack order method yFormat, // a format specifier string for the y-axis yLabel, // a label for the y-axis colors = d3.schemeTableau10 // array of colors } = {} ) { // Compute values. const X = d3.map(data, x); const Y = d3.map(data, y); const Z = d3.map(data, z); // Compute default x- and z-domains, and unique them. if (xDomain === undefined) xDomain = X; if (zDomain === undefined) zDomain = Z; xDomain = new d3.InternSet(xDomain); zDomain = new d3.InternSet(zDomain); // Omit any data not present in the x- and z-domains. const I = d3 .range(X.length) .filter((i) => xDomain.has(X[i]) && zDomain.has(Z[i])); // Compute a nested array of series where each series is [[y1, y2], [y1, y2], // [y1, y2], …] representing the y-extent of each stacked rect. In addition, // each tuple has an i (index) property so that we can refer back to the // original data point (data[i]). This code assumes that there is only one // data point for a given unique x- and z-value. const series = d3 .stack() .keys(zDomain) .value(([x, I], z) => Y[I.get(z)]) .order(order) .offset(offset)( d3.rollup( I, ([i]) => i, (i) => X[i], (i) => Z[i] ) ) .map((s) => s.map((d) => Object.assign(d, { i: d.data[1].get(s.key) }))); // Compute the default y-domain. Note: diverging stacks can be negative. if (yDomain === undefined) yDomain = d3.extent(series.flat(2)); // Construct scales, axes, and formats. const xScale = d3.scaleBand(xDomain, xRange).paddingInner(xPadding); const yScale = yType(yDomain, yRange); const color = d3.scaleOrdinal(zDomain, colors); const xAxis = d3.axisBottom(xScale).tickSizeOuter(0); const yAxis = d3.axisLeft(yScale).ticks(height / 60, yFormat); // Compute titles. if (title === undefined) { const formatValue = yScale.tickFormat(100, yFormat); title = (i) => `${X[i]}\n${Z[i]}\n${formatValue(Y[i])}`; } else { const O = d3.map(data, (d) => d); const T = title; title = (i) => T(O[i], i, data); } const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); svg .append("g") .attr("transform", `translate(${marginLeft},0)`) .call(yAxis) .call((g) => g.select(".domain").remove()) .call((g) => g .selectAll(".tick line") .clone() .attr("x2", width - marginLeft - marginRight) .attr("stroke-opacity", 0.1) ) .call((g) => g .append("text") .attr("x", -marginLeft) .attr("y", 10) .attr("fill", "currentColor") .attr("text-anchor", "start") .text(yLabel) ); const vet = (num) => (isNaN(num) ? 0 : num); const bar = svg .append("g") .selectAll("g") .data(series) .join("g") .attr("fill", "none") //([{ i }]) => color(Z[i])) .attr("stroke", "red") .attr("stroke-width", 1) .selectAll("rect") .data((d) => d) .join("rect") .attr("x", ({ i }) => xScale(X[i])) .attr("y", ([y1, y2]) => vet(Math.min(yScale(y1), yScale(y2)))) .attr("height", ([y1, y2]) => vet(Math.abs(yScale(y1) - yScale(y2)))) .attr("width", xScale.bandwidth()) .attr("title", (d) => d.name); if (title) bar.append("title").text(({ i }) => title(i)); svg .append("g") .attr("transform", `translate(0,${yScale(0)})`) .style("font-size", "12px") .call(xAxis); return Object.assign(svg.node(), { scales: { color } }); }3d:[] 31:{"id":"28661fb477a2769f","slug":"synod-comp","title":"Synod main components","thumbnail":"d7d5d875e8999ce9dfc5046eef9e0ba343a9144f2617628038bbf1fd89f63850","access_level":"public","create_time":"$D2022-07-16T14:46:05.780Z","update_time":"$D2024-03-08T20:49:58.287Z","view_time":null,"first_public_time":"$D2022-12-04T10:22:06.248Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"800970edcaeb8f91","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":"starter_2024"},"version":1728,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"6f0f4212e751586f","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":null}],"members":[{"type":"individual","id":"6f0f4212e751586f","login":"anaglyph-ic","name":"Anaglyphic","avatar_url":"https://avatars-next.observableusercontent.com/19aeef7ac69ee14cef82c97e6c0c159bd26401d7c0a84015f40729f56e262d5e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Synod main components","cells":[{"id":0,"value":"# Synod main components","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"____\n### Core data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"synodData","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { synodData, dataStatus, startLiveFeed } from \"@anaglyph-ic/synod-data\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":746,"value":"---\n### Status","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":749,"value":"statusDiv = {\n const div = document.createElement(\"DIV\");\n div.id = \"statusdiv\";\n div.style =\n \"font-family:monospace;width:100%;height:200px;overflow-y:scroll;font-size:11px;\";\n\n if (dataStatus.indexOf(\"Tezos Tokens responses retrieved\") > 0) {\n div.innerText = dataStatus + \"\\n\\n[END] SYNOD FULLY LOADED\";\n //div.scrollTop = div.scrollHeight;\n mutable loading = false;\n } else {\n div.innerText = feed;\n }\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"sentinel = \"\" //startLiveFeed()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":930,"value":"scroll = {\n statusDiv;\n var par = document.getElementById(\"statusdiv\");\n par.scrollTop = par.scrollHeight;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":870,"value":"feed = getSpin()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"function* getSpin() {\n const spinning = [\"◢\", \"◣\", \"◤\", \"◥\"];\n\n let spin = 0;\n\n let line = dataStatus;\n\n function spinner() {\n if (spin === spinning.length - 1) {\n spin = 0;\n } else {\n spin++;\n }\n\n spinning.forEach((d) => line.replace(d, \"\"));\n return line + \"\\nㅤㅤㅤㅤㅤㅤ\" + spinning[spin];\n }\n\n while (loading) {\n yield Promises.tick(200, spinner());\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":933,"value":"loadFirst = {\n if (dataStatus.length === 0) {\n mutable loading = false;\n } else {\n mutable loading = true;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"mutable loading = true","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1546,"value":"_____\n### Messaging","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1549,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1632,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1041,"value":"-----\n### Affiliations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1043,"value":"viewof affilTable = {\n if (datAffil > 0) {\n return Inputs.table(datAffil, {\n columns: [\"Name\", \"γp\", \"Mbs\", \"Tks\"],\n width: width,\n format: {\n /* Tokens: (d) => tabularize(d), Affiliation: (d) => affilFormat(d) */\n },\n sort: \"γp\",\n reverse: true,\n multiple: false\n });\n } else {\n return htl.html`

`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"datAffil = {\n var data = [];\n\n for (const affil in synodData.affiliations) {\n const affobj = { Name: affil };\n\n affobj[\"γp\"] = synodData.glyph_power.by_affiliations[affil].glyph_power;\n affobj[\"Tks\"] = synodData.glyph_power.by_affiliations[affil].token_count;\n affobj[\"Mbs\"] = synodData.affiliations[affil].members.length;\n if (affil != \"Unaffiliated\") {\n data.push(affobj);\n }\n }\n\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"____\n### Wallets\nSearch + Table","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1191,"value":"userNumTok = {\n if (userTokenCountThroughTime) {\n return htl.html`${Plot.plot({\n height: 330,\n width: width,\n y: {\n grid: true\n },\n x: { domain: [new Date(\"2022-01-01\"), new Date()] },\n marks: [\n Plot.ruleY([0]),\n Plot.lineY(userTokenCountThroughTime, {\n x: \"date\",\n y: \"Number of Tokens\",\n stroke: \"red\"\n })\n ]\n })}`;\n } else {\n return htl.html`

`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1178,"value":"userTokenCountThroughTime = {\n var data = 0;\n if (rebuildWalletHistory) {\n data = [];\n\n var count = 0;\n\n rebuildWalletHistory.forEach((d) => {\n count++;\n data.push({ date: d.start, c: 1 });\n if (d.hasOwnProperty(\"end\")) {\n data.push({ date: d.end, c: -1 });\n }\n });\n\n data = data.sort((a, b) => a.date - b.date);\n\n for (let i = 0; i < data.length; ++i) {\n if (i > 0) {\n data[i][\"Number of Tokens\"] =\n data[i - 1][\"Number of Tokens\"] + data[i].c;\n } else {\n data[i][\"Number of Tokens\"] = data[i].c;\n }\n }\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1124,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"viewof search = Inputs.search(wallets)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"viewof mainTable = Inputs.table(search, {\n columns: [\n \"Rank\",\n \"Name\",\n \"Affiliation\",\n \"γp\",\n \"Anaversary\",\n \"Count\",\n \"Tokens\"\n ],\n format: {\n Tokens: (d) => tabularize(d),\n Affiliation: (d) => affilFormat(d),\n Name: (d) => detox(d)\n },\n width: {\n Rank: \"40px\",\n Name: \"320px\",\n Affiliation: \"70px\",\n Anaversary: \"90px\",\n γp: \"80px\",\n Count: \"50px\"\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":593,"value":"function affilFormat(affil) {\n var formated;\n\n if (affil === \"Unaffiliated\") {\n formated = htl.html`

Unaffiliated

`;\n } else {\n formated = htl.html`${affil}`;\n }\n\n return formated;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"function tabularize(d) {\n if (typeof d === \"string\") {\n var div = document.createElement(\"div\");\n var but = document.createElement(\"div\");\n\n but.style.cursor = \"pointer\";\n\n div.appendChild(but);\n\n var ul = document.createElement(\"ul\");\n ul.style.display = \"none\";\n //console.log(d);\n ul.innerHTML = d;\n\n but.innerText = \"[display]\";\n but.addEventListener(\"click\", () => {\n if (ul.style.display === \"none\") {\n ul.style.display = \"block\";\n } else {\n ul.style.display = \"none\";\n }\n });\n\n div.appendChild(ul);\n\n return htl.html`${div}`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"function detox(d) {\n var profile;\n var named = false;\n\n const len = 36;\n function resize(str) {\n if (str) {\n if (str.length > len) {\n return str.substring(0, len) + \"…\";\n } else {\n return str;\n }\n } else {\n return \"\";\n }\n }\n\n for (const w in wallets) {\n if (d === wallets[w].Name) {\n profile = synodData.wallets[wallets[w].Wallet];\n if (d.length != 36) {\n named = true;\n }\n }\n }\n\n d = resize(d);\n\n if (profile.hasOwnProperty(\"toxic\")) {\n return htl.html`~~${d}~~`;\n } else {\n if (named) {\n return htl.html`

${d}

`;\n } else {\n return htl.html`

${d}

`;\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":434,"value":"--- \n### Tooltips","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":438,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"tokenTooltip = {\n var div = document.createElement(\"div\");\n var selectedToken = false;\n if (selectedToken) {\n div.innerHTML = `\n

Name: ${selectedToken.metadata.name}

ID: ${selectedToken.id}

γp: ${selectedToken.glyph_power}

Open on fx(hash)

\n\n `;\n } else {\n div.innerHTML = \"Click on a token to display its metadata.\";\n }\n return div;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":473,"value":"-----\n### Market Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1009,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1012,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":995,"value":"marketGraphData = {\n const data = [];\n if (marketTable) {\n marketTable[\"Primary supply\"].dateMap.forEach((value, key, map) => {\n data.push({ date: key, value });\n });\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1003,"value":"gentkGPlineUpdate = {\n if (marketGraphData.length > 0 && gentkGPlineGraphfocus) {\n const [minX, maxX] = gentkGPlineGraphfocus;\n const maxY = d3.max(marketGraphData, (d) =>\n minX <= d.date && d.date <= maxX ? d.value : NaN\n );\n gentkGPlineGraphchart.update(\n gentkGPlineGraph.x.copy().domain(gentkGPlineGraphfocus),\n gentkGPlineGraph.y.copy().domain([0, maxY])\n );\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1000,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"value":"viewof marketTable = Inputs.table(market, {\n format: {\n Preview: (d) => html`

`,\n \"Primary supply\": (d) => sparkbar(d),\n Link: (d) => html`Open on fx(hash)`\n },\n sort: \"Total γp\",\n reverse: true,\n multiple: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":517,"value":"function sparkbar(d) {\n if (d.balance > 0) {\n return htl.html`\n

${d.supply - d.balance} / ${d.supply}

`;\n } else {\n return htl.html`\n

${d.supply} / ${\n d.supply\n }

`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"market = {\n const market = [];\n\n for (const g in synodData.gentks) {\n const d = synodData.gentks[g];\n //synodData.gentks.forEach((d) => {\n var gentk = {};\n gentk.Preview = `https://gateway.fxhash2.xyz/ipfs/${d.metadata.thumbnailUri.replace(\n \"ipfs://\",\n \"\"\n )}`;\n gentk.Name = d.name;\n gentk[\"Primary supply\"] = d;\n gentk[\"γp per token\"] = d.glyph_power;\n gentk[\"Total γp\"] = d.total_gentk_glyph_power;\n gentk.Link = \"https://www.fxhash.xyz/generative/\" + d.id;\n market.push(gentk);\n //});\n }\n\n const sortedMarket = market\n .slice()\n .sort((a, b) => d3.descending(a[\"Total γp\"], b[\"Total γp\"]));\n\n return sortedMarket;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":685,"value":"---\n### Block Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":693,"value":"synodData.blocks","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"dateOptions = ({\n weekday: \"short\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"viewof blocksearch = Inputs.search(blocks)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":705,"value":"viewof blockTable = Inputs.table(blocksearch, {\n format: {\n Level: (d) =>\n htl.html`${d}`,\n Tokens: (d) => blockarize(d)\n },\n width: {\n Level: \"80px\",\n Date: \"150px\",\n Orders: \"50px\",\n XTZ: \"80px\",\n Rate: \"80px\",\n Adjusted: \"80px\"\n },\n sort: \"Level\",\n reverse: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":817,"value":"function blockarize(d) {\n if (typeof d === \"string\") {\n var div = document.createElement(\"div\");\n var but = document.createElement(\"div\");\n\n but.style.cursor = \"pointer\";\n\n div.appendChild(but);\n\n var ul = document.createElement(\"ul\");\n ul.style.display = \"none\";\n //console.log(d);\n ul.innerHTML = d;\n\n but.innerText = \"Transaction list\";\n but.addEventListener(\"click\", () => {\n if (ul.style.display === \"none\") {\n ul.style.display = \"block\";\n } else {\n ul.style.display = \"none\";\n }\n });\n\n div.appendChild(ul);\n\n return htl.html`${div}`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":688,"value":"blocks = {\n const blocks = [];\n\n for (const level in synodData.blocks) {\n const transactions = synodData.blocks[level];\n\n var block = {};\n\n block.Level = level;\n block.Date = new Date(transactions[0].timestamp).toLocaleDateString(\n undefined,\n dateOptions\n );\n block[\"Orders\"] = transactions.length;\n\n var gpl = 0;\n var tezspent = 0;\n var list = \"\";\n\n transactions.forEach((tr) => {\n list += \"

\" + tr.name + \"

\";\n tezspent += tr.price / 1000000;\n gpl += tr.glyph_power;\n });\n block.Tokens = list;\n block[\"XTZ\"] = num(tezspent);\n block.Rate = transactions[0].rate;\n //issue here, it has\n block.Adjusted = num(gpl);\n\n blocks.push(block);\n }\n\n const sortedMarket = blocks\n .slice()\n .sort((a, b) => d3.descending(a.Level, b.Level));\n\n return sortedMarket;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":985,"value":"### Line Graph (gp over time)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":990,"value":"//dataTest = synodData.wallets[\"tz1hkKqGk3fPPYroNagWpWsxxV3x8P8jqwp9\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"### Force Graph","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"force = {\n if (mainTable.length > 1) {\n return ForceGraph(\n { nodes, links },\n {\n nodeId: (d) => d.id,\n nodeGroup: (d) => d.affiliation,\n nodeTitle: (d) => `${d.name}`,\n nodeRadius: 5,\n width,\n height: 680,\n invalidation // a promise to stop the simulation when the cell is re-run\n }\n );\n } else {\n var div = document.createElement(\"div\");\n div.innerHTML =\n \"Select at least two wallets to display the network graph, or unselect all wallets to display the full graph.\";\n return div;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"nodes = {\n const nodes = [];\n\n mainTable.forEach((d) => {\n var wallet = synodData.wallets[d.Wallet];\n nodes.push({\n id: d.Wallet,\n name: wallet.profile.name ? wallet.profile.name : wallet.profile.id,\n affiliation: wallet.profile.affiliation\n });\n });\n\n return nodes;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"links = {\n var links = [];\n\n var linkMap = {};\n\n mainTable.forEach((d) => {\n linkMap[d.Wallet] = true;\n });\n\n for (const aff in synodData.affiliations) {\n let d = synodData.affiliations[aff];\n console.log(d);\n d.members.forEach((m) => {\n if (linkMap.hasOwnProperty(m) && linkMap.hasOwnProperty(d.mainWallet)) {\n links.push({ source: d.mainWallet, target: m, value: 1 });\n }\n });\n }\n\n return links;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"### Stacked Bar Chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":101,"value":"affilStackedData = {\n const data = [];\n const wlist = [];\n const affilList = [];\n\n for (const w in synodData.wallets) {\n wlist.push(w);\n }\n\n for (const a in synodData.affiliations) {\n affilList.push(a);\n }\n\n mainTable.forEach((d) => {\n const w = synodData.wallets[d.Wallet];\n\n data.push({\n affiliation: w.profile.affiliation,\n wallet: w.profile.id,\n count: w[\"totalGP\"],\n name: w.profile.name\n });\n });\n\n return { data, wlist, affilList };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"chartStacked = {\n if (mainTable.length > 1) {\n return StackedBarChart(affilStackedData.data, {\n x: (d) => d.affiliation,\n y: (d) => d.count,\n z: (d) => d.wallet,\n xDomain: d3.groupSort(\n affilStackedData.data,\n (D) => d3.sum(D, (d) => -d.count),\n (d) => d.affiliation\n ),\n yLabel: \"↑ glyph power\",\n zDomain: affilStackedData.wlist,\n colors: d3.schemeSpectral[5],\n width,\n height: 1500\n });\n } else {\n var div = document.createElement(\"div\");\n div.innerHTML =\n \"Select at least two wallets to display the stacked bar chart, or unselect all wallets to display the full graph.\";\n return div;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1340,"value":"### More User metadata from OBJKT","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1342,"value":"metaEnrich = {\n var raw = [];\n\n for (let i = 0; i < 3; ++i) {\n await graph // find anaglyphic anaver.se tokens (they don't go through the anaglyphism pipeline)\n .request(\n \"https://data.objkt.com/v3/graphql\",\n graph.gql`\n query GET_USER_META($wallets: [String!]) {\n holder(\noffset:${i * 500},\n where: {address: {_in: $wallets}}\n ) {\n \n address\n discord\n dns\n email\n instagram\n medium\n telegram\n twitter\n tzdomain\n website\n }\n \n}\n\n`,\n { wallets: wallist }\n )\n .then((r) => raw.push(...r.holder));\n }\n\n const enrichMap = {};\n\n raw.forEach((d) => (enrichMap[d.address] = d));\n\n return enrichMap;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1369,"value":"wallist = {\n var wallets = [];\n for (const w in synodData.wallets) {\n wallets.push(w);\n }\n return wallets;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1672,"value":"### Users currently connected","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1705,"value":"multiuser = htl.html`