Create perplexity-lens.md

[iamaayushijain]

Description

Brief description of your contribution

Type of Contribution

• Example Tutorial
• Showcase Project
• Article/Integration Guide
• Documentation Update
• Bug Fix
• Other (please describe)

Checklist

• My code follows the cookbook's style guidelines
• I have included comprehensive documentation
• I have tested my code and it works as expected
• I have included all necessary dependencies and setup instructions
• My MDX file includes proper frontmatter (title, description, keywords)
• I have linked to any external repositories or live demos

Project Details

What problem does this solve?
Reading dense articles, research papers, or technical documentation often overwhelms users due to scattered concepts and lack of semantic structure. Traditional text highlights or summaries don’t capture relationships between ideas. Perplexity Lens solves this by converting text into interactive visual knowledge graphs, helping users quickly identify connections, key concepts, and recurring themes in real time.

What makes this contribution valuable to other developers?
This Chrome extension combines React, TypeScript, and D3.js with NLP embeddings to provide a plug-and-play tool for semantic visualization. Developers building educational tools, research dashboards, or knowledge management systems can easily adapt it to improve content comprehension. Its ability to deliver 3× better comprehension during hackathon testing proves its value for any project involving information retrieval, summarization, or learning enhancement.

GitHub Repository
Live Demo (View Shared Graph)

External Links (if applicable):

• GitHub Repository: https://github.com/iamaayushijain/perplexity-lens
• Live Demo: https://youtu.be/SCPklDuSR3U
• Blog Post/Article: https://ashjin.hashnode.dev/perplexity-lens-supercharge-your-web-experience-with-personalized-knowledge-graphs

Testing

Smart Text Selection: Selected various text samples on different web pages to check if AI-generated explanations were provided accurately and quickly.

Webpage Summarization: Used the “Summarize” feature on diverse sites (articles, blogs, documentation) to verify concise and relevant summaries.

Retrieval-Augmented Insights (RAG): Hovered and clicked on words/phrases for context retrieval and ensured that RAG-based results were accurate and contextually relevant.

Knowledge Graph Visualization: Added multiple concepts, navigating, zooming, and dragging nodes to confirm the D3.js graph responded smoothly and displayed correct connections.

Public Sharing: Generated and accessed shared graph URLs to validate that public sharing worked as intended, without exposing private data.

Screenshots (if applicable)

Additional Notes

[kesku]

https://docs.perplexity.ai/cookbook/showcase/perplexity-lens