ArcGIS Knowledge Web Developer Sample Code

[AdamMartin]

Update: 3/4/2025

Five publicly available code samples are now available for key ArcGIS Knowledge classes and methods within the Maps SDK for JavaScript in the ArcGIS Developer site. These samples also provide live knowledge graph services you can hit with the login credentials provided. So no need to spin up your own servers before seeing it in action.

Check them out and let us know what you think! Better yet, share your own samples! 🙂

These samples cover:  

• NEW! Web Link Charts and link chart layer: create a web link chart, a new core view, from a link chart layer, a composite layer which operates very similar to how a knowledge graph layer works in a map view. https://developers.arcgis.com/javascript/latest/sample-code/linkchart/ 
  • Leverage the beta Link Chart web component as well!
  • Watch this demo to see how this can be combined with map interactions in a custom application!
• Knowledge Graph Layer: loading a Knowledge Graph service into a map as a Knowledge Graph layer via REST service url and using inclusion lists. https://developers.arcgis.com/javascript/latest/sample-code/knowledgegraph-knowledgegraphlayer/
• Query: sending an openCypher query to the graph and returning results in JSON and via streaming response. https://developers.arcgis.com/javascript/latest/sample-code/knowledgegraph-query/
• Search: execute a search or streaming search of the Knowledge graph from a simple web form and get JSON response. https://developers.arcgis.com/javascript/latest/sample-code/knowledgegraph-search/ 
• Apply Edits: Sending edits from a web form to add, edit, or delete instances of existing entity or relationships types in your Knowledge Graph. https://developers.arcgis.com/javascript/latest/sample-code/knowledgegraph-applyedits/

Note that the 'streaming' query and search methods are key to performance when working with large knowledge graphs and provide optimal user experiences. These samples add depth to the existing Knowledge documentation for the Maps SDK for JavaScript.

Be sure to check out this 2024 Developer Summit technical development session walking through some of the basics, and start in the documentation for the core concepts here: Introduction to Knowledge Graph.

Introducing Web Link Charts

We are excited to announce the release of web link charts in Maps SDK for JavaScript 4.32! Web link charts contain a link chart layer with the data from your knowledge graph and are loaded in a link chart view. Web link charts are a new core view (like MapView and SceneView) that are specifically for visually representing and analyzing all or part of a knowledge graph. They extend WebMaps and are built on the same core technology allowing you to leverage existing tools and patterns while also adding some additional link chart specific capabilities for refining your link chart visualizations and conducting graph analysis.

• Layouts: Different layouts provide different visualizations to better understand the patterns in your data. For example, geographic layout arranges spatial entities using their geometry with their connected nonspatial data clustered around them while chronological layout arranges entities and relationships according to time.

• Expand: Finds and adds all directly connected entities "one-hop" away from the given entities and adds the entities and their connecting relationships to the link chart.

• Connect: Adds direct relationships between the given entities to the link chart.

• Add and Remove Records: Update the data in your link chart by adding or removing entities and relationships.

Link charts also have a new web component for easily displaying a link chart from a portal content item with a layout switcher, handling all the rendering with default layout settings.

Video Resources

• 2025 DevSummit: Demo of Web Link Charts (5 min)
• 2024 Building Web Apps with ArcGIS Knowledge (Technical Session) (45 min)
• 2023 DevSummit: Demo of iNaturalist Observations (5 min)