Cosmograph: make sense of your graph and machine learning data
Engage with your data,
Right in the browser on your laptop.
What is Cosmograph?
💻 A web-based application that helps you analyze large graph datasets or machine learning embeddings. It runs purely in the browser and doesn't send your data anywhere. All calculations will be done right on your GPU, the faster it is the better.
Read more about the app in our how to use guide.
📚 A JavaScript/React library. You can use it to add blazingly fast network graph and embeddings visualizations to your own web application, and amplify them with extra components like Timeline, Histogram, Search, and more.
Learn more about the library in the documentation.
What can you do with
Cosmograph?
Upload a CSV with your network or machine learning embeddings data and get it visualized
Explore the evolution of your data over time
Identify communities and anomalies
Dive deep with filters and histograms
Share or embed your graph
Analyze embeddings
Organizations use Cosmograph
Web developer?
Try Cosmograph!
Want to add Cosmograph capabilities into your own project?
Check out our React and JavaScript library.
- React
- JavaScript
- Data
import { Cosmograph } from '@cosmograph/react'
export function GraphVisualization ({ nodes, links }) {
return (<Cosmograph
nodes={nodes}
links={links}
nodeColor={d => d.color}
nodeSize={20}
linkWidth={2}
/>)
}
import { Cosmograph } from '@cosmograph/cosmograph'
// Create an HTML element
const targetElement = document.createElement('div')
document.body.appendChild(targetElement)
// Define the configuration
const config = {
nodeColor: d => d.color,
nodeSize: 20,
linkWidth: 2,
// ...
}
// Create a Cosmograph instance inside the targetElement
const cosmograph = new Cosmograph(targetElement, config)
// Set the data
cosmograph.setData(nodes, links)
export const nodes = [
{ id: '1', color: '#88C6FF' },
{ id: '2', color: '#FF99D2' },
{ id: '3', color: [227, 17, 108, 1] },
]
export const links = [
{ source: '1', target: '2' },
{ source: '1', target: '3' },
{ source: '2', target: '3' },
]
Subscribe to updates
Subscribe to be the first to learn about new updates, features and discounts
[email protected]