Lucidchart — Data-Linked Diagrams
Overview
Secondary workflow complementing the primary workflow.
Instructions
Step 1: Import CSV Data
// Create data-linked diagram from CSV
const data = [
{ name: 'Service A', status: 'healthy', latency: '45ms' },
{ name: 'Service B', status: 'degraded', latency: '200ms' },
{ name: 'Service C', status: 'healthy', latency: '30ms' }
];
await client.dataSources.import(doc.documentId, {
format: 'json',
data: data,
mapping: {
shapeText: 'name',
shapeColor: { field: 'status', values: { healthy: '#4CAF50', degraded: '#FF9800' } }
}
});
Step 2: Share and Collaborate
await client.documents.share(doc.documentId, {
email: 'team@example.com',
role: 'editor', // viewer, commenter, editor
message: 'Please review this architecture diagram'
});
Resources
Next Steps
See lucidchart-common-errors.