The latest articles on DEV Community by fizzah_abdullah (@fizzah09). https://dev.to/fizzah09 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1932863%2F7777d9d4-48ff-48ad-b6fc-b5025901b51e.png https://dev.to/fizzah09 en fizzah_abdullah Sun, 19 Jan 2025 15:14:39 +0000 https://dev.to/fizzah09/dabot-your-ai-driven-analyst-5e7j https://dev.to/fizzah09/dabot-your-ai-driven-analyst-5e7j <p><strong>GitHub Copilot Challenge: New Beginnings</strong>, highlighting the data analytics app built with Streamlit and a generative AI model:</p> <h1> <strong>DataBot: AI-Driven Data Analysis for New Beginnings</strong> </h1> <p><em>Submission for the <a href="https://dev.to/challenges/github">GitHub Copilot Challenge: New Beginnings</a></em> </p> <h2> <strong>What I Built</strong> </h2> <p><strong>DataBot</strong> is a sleek, AI-driven data analytics tool built with <strong>Streamlit</strong> and generative AI technologies. It empowers users to explore and visualize data through interactive dashboards, analyze datasets with advanced statistical methods, and chat with the data using a conversational AI agent.</p> <p>Key features: </p> <ul> <li> <strong>Dynamic Data Analysis</strong>: Automatic insights into numeric and categorical data.</li> <li> <strong>Interactive Visualizations</strong>: Choose from bar, scatter, box, histogram, and line plots. </li> <li> <strong>Conversational Data Exploration</strong>: Chat directly with your data for instant queries powered by generative AI. </li> <li> <strong>Dark Mode</strong>: A visually appealing dark theme for comfortable use.</li> </ul> <h2> <strong>Demo</strong> </h2> <p>You can see the video out the app here: <br> <a href="https://www.canva.com/design/DAGcqJfDsWY/Bz0H_HiJO6PYamrOXEUSsg/edit?utm_content=DAGcqJfDsWY&amp;utm_campaign=designshare&amp;utm_medium=link2&amp;utm_source=sharebutton" rel="noopener noreferrer">DATABOT</a> </p> <h3> Screenshots: </h3> <ul> <li> <strong>Data Analysis</strong>: <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8yjfjetfjyrcag1d4r0s.png" alt="Image description" width="800" height="414"> <strong>Visualizations</strong>: <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwb3gxqmtwaur01z60vo0.png" alt="Image description" width="800" height="384"> </li> <li> <strong>Chat Interface</strong>: </li> </ul> <h2> <strong>Repo</strong> </h2> <p><a href="https://github.com/fizzah09/data-analytics-bo" rel="noopener noreferrer">GitHub Repository</a>(#) containing the source code and deployment instructions. </p> <h2> <strong>Deploy</strong> </h2> <h2> <a href="https://huggingface.co/spaces/fizzah90/DATA-ANALYTICS-BOT" rel="noopener noreferrer">Hugging Face Spaces with streamlit</a> </h2> <h2> <strong>Copilot Experience</strong> </h2> <p>GitHub Copilot was integral in the development process, enhancing productivity and creativity: </p> <ol> <li> <strong>Code Autocompletion</strong>: Copilot generated clean and efficient snippets, such as the dynamic visualization logic and chatbot integration. </li> <li> <strong>Prompting and Refinements</strong>: Iterative improvements using suggestions for better structure, modularity, and readability. </li> <li> <strong>Custom Styles</strong>: Copilot helped create a cohesive dark-mode UI by generating CSS snippets embedded in Streamlit markdown. </li> <li> <strong>Debugging</strong>: Copilot’s context-aware recommendations streamlined error resolution, such as handling CSV imports and generating plots dynamically.</li> </ol> <h2> <strong>GitHub Models</strong> </h2> <p>The project leverages <strong>Gemini Genrative<br> Models</strong> to explore AI-driven enhancements for interactive data analytics. This included: </p> <ul> <li> <strong>Chat Agent Integration</strong>: Using Copilot’s suggestions to implement LangChain and Google GenAI integration. </li> <li> <strong>Prototyping and Experimentation</strong>: Rapid iteration of feature ideas and deployment readiness.</li> </ul> <h2> <strong>Conclusion</strong> </h2> <p>Building <strong>DataBot</strong> with GitHub Copilot was an incredible journey, combining intuitive generative AI tools and interactive data solutions. This tool has the potential to transform how users interact with datasets, making data exploration accessible and engaging for everyone.</p> <h2> <strong>Tech Stack</strong> </h2> <ul> <li> <strong>Frontend</strong>: Streamlit for UI/UX. </li> <li> <strong>Backend</strong>: Generative AI with LangChain. </li> <li> <strong>Visualization</strong>: Matplotlib and Seaborn. </li> <li> <strong>Deployment</strong>: Python-based lightweight dependencies. </li> </ul> <h2> <strong>Team Members</strong> </h2> <p>This submission was created individually. Special thanks to GitHub Copilot for being the perfect coding partner! </p> <ol> <li>Me (fizzah abdullah)</li> </ol> <h2> 2. Github Copilot </h2> devchallenge githubchallenge webdev ai