d3 example graph search - description query
This interactive graph visualization displays d3.js example blocks and their citation relationships, using a static JSON file representing a Neo4j database response. The query results show blocks with "map" in their descriptions alongside linked neighbors that lack the keyword, demonstrating how graph connections infer relevance. Rendered on Canvas, the visualization uses d3.forceSimulation with d3.forceManyBody, d3.forceCollide, and forceX/forceY forces for layout. It also incorporates jsLouvain for community detection, a forceInABox clustering layout, and click interactions to open the corresponding gist blocks.
AI-generated descriptionThis iteration add an interaction that opens the block represented by a node when you click on that node
In this iteration, we load json data from a static file. This json data is produced by the REST API of a neo4j graph database that contains the d3 example README citation graph, in response to a query that we post to it.
This query finds all blocks that have the string map somewhere in the description (gist title)
show those blocks and all blocks that they have a 1st degree link-in-the-README citation relationship with
MATCH(n)-[:LINKS_TO]-(m)
WHERE n.description =~ '.*map.*'
RETURN n, m
the cool thing about this is the related nodes may not have map anywhere in the description, but we can still use some known graph of d3 example relationships (in this case README citations) to infer that they are relevant to a map keyword search
a fork of the block d3 example graph search - user query from @micahstubbs
see also
the parent project for blockbuilder graph search ui prototypes
https://github.com/micahstubbs/bbgs-ui-prototypes
the blockbuilder graph search neo4j graph database source data & config backend project https://github.com/micahstubbs/blockbuilder-graph-search-index
forked from <a href='http://bl.ocks.org/micahstubbs/'>micahstubbs</a>'s block: <a href='http://bl.ocks.org/micahstubbs/876d8cfa60670254c938d75a984d4f71'>d3 example graph search - description query</a>
forked from <a href='http://bl.ocks.org/john-guerra/'>john-guerra</a>'s block: <a href='http://bl.ocks.org/john-guerra/53d39b0b6623c313213f66982853faae'>d3 example graph search - description query</a>