Trend Dive™

Trend Dive™ visualizes global trends as a neural network, letting users trace linguistic links and intuitively uncover latent keywords and untapped topics in one interactive data exploration platform.

Comment

Inspiration

  • Bottom-up knowledge is critical in the generative-AI era.
    Traditional top-down note-taking can’t keep pace with today’s information flood.
  • Obsidian Graph showed the power of visual connections, yet hand-building databases is a time sink.
  • Prompt–vocabulary gap: high-quality AI prompts rely on rich—often unknown—terminology; expanding one’s lexical network is now a competitive edge.
  • Trend research overload: influencers and marketers spend hours collecting keywords on social media.
  • Visual metaphors: neural networks · globe grid · water ripple—an interface that feels like diving into a living web of ideas.

What it does

Trend Dive™ transforms worldwide trends into a neural-network map and lets users “dive” through linguistic links to discover hidden keywords and fresh topics in seconds.

Feature Description
Real-time aggregation Cron jobs pull Google Trends, NewsAPI, and YouTube Data
Interactive visualisation D3-force renders momentum × category through colour & size (200+ nodes @ 60 FPS)
Dive navigation Click a node → jump to its cluster, with back/forward history
AI assist OpenAI / Claude instantly generate node summaries and reference links

How we built it

  • Requirements: persona, pain points, and competitor scan via Claude / GPT-o3
  • Frontend: React + TypeScript with D3-force + react-flow
  • Data ingest: Google Trends, NewsAPI, YouTube Data collected by Cron
  • API layer: Next.js Routes → Supabase Edge Functions
  • AI layer: OpenAI & Claude for dynamic summaries
  • Deployment: Netlify CI → IONOS (Entri) custom domain trenddive.site with automatic SSL

Challenges we ran into

Challenge Fix
.env not loaded → blank screen Added Vite rebuild step to CI
Supabase 401 errors (RLS) Proper policy + user_id column
Modal hidden behind graph React Portal & z-index redesign
Endless Failed to fetch loop Automated CORS → DNS → SSL playbook

Accomplishments that we're proud of

  • Deployed Trend Dive™ to production under a custom domain
  • Designed and implemented interactive node-exploration UI/UX
  • Partially integrated real-time API for keyword trend data
  • Built dynamic keyword listing with filterable UI
  • Tested core features across devices (MacBook Air M2, Chrome)

What we learned

  • Production-grade Supabase RLS + JWT
  • Vite + React env variables require rebuilds
  • Fine-tuning D3-force physics for performance and clarity
  • Embedding CORS / DNS / SSL into CI eliminates “works only locally”
  • Implementing core → DB integration → UI polish keeps no-code stacks stable

What's next for Trend Dive™

Visual Intelligence

  • [ ] Animated keyword flows (timeline playback)
  • [ ] Insight timelines with AI-generated summaries

Smarter AI Integration

  • [ ] Prompt history + suggestion engine
  • [ ] Multi-model LLM support (ChatGPT, Claude, Gemini...)

Personal Knowledge Layer

  • [ ] My Research Log to track your exploration
  • [ ] Export to Markdown or Notion (API-based)

Cross-platform Integration

  • [ ] Slack / Discord notifications
  • [ ] Notion embeddable graph widget

Personalized & Collaborative UX

  • [ ] Location-based trend surfacing
  • [ ] Multi-user collaboration history

Built With

  • anthropic-api
  • cron-scheduler
  • d3-force
  • entri
  • google-trends-api
  • netlify
  • newsapi
  • node.js
  • openai-api
  • react
  • react-flow
  • supabase
  • typescript
  • vite
  • youtube-data-api-v3
Share this project:

Updates