CSV Visualization Example

This is an example project that demonstrates how to visualize a CSV file that contains mappings of metadata to colors using Vertex's APIs and SDKs.

Local development

1. Copy .env.local.template to .env.local and set VERTEX_CLIENT_ID, VERTEX_CLIENT_SECRET and SCENE_ID. Use the Platform Console UI to generate your application credentials and the Platform Dev Dashboard to find your scene ID.
2. Install dependencies, yarn install
3. Run yarn dev to start the local development server
4. Browse to http://localhost:3000
5. Click Open CSV and select the ./csv/demo.csv file.

Project organization

public/       // Static assets
src/
  components/ // Components used in pages
  lib/        // Shared libraries and utilities
  pages/      // Pages served by NextJS
    api/      // API endpoints served by NextJS

Deployment

A few options for deployment,

• Vercel
• Netlify
• AWS CDK