This repository contains a Single-Page Application (SPA) Infographic created to visualize the findings of a comprehensive market research and data analysis project for ResourceNest, Student Hub’s flagship free STEM resource platform.
The goal of this visualization is to provide the Product Development Team and stakeholders with a clear, data-driven narrative on the platform's growth potential, market opportunities, competitive landscape, and strategic direction.
The infographic is built as a single, scrollable HTML page, ensuring all critical data points and recommendations are presented in an engaging and easily digestible format.
The infographic addresses the following core research questions:
- Market Size & Growth: Quantifies the global STEM EdTech market, focusing on free-access resources, and projects the Compound Annual Growth Rate (CAGR).
- User Needs & Behavior: Identifies the most in-demand resource types (e.g., interactive simulations, datasets) and the high reliance of students on free content.
- Competitive Landscape: Compares ResourceNest's feature set against major players (e.g., Khan Academy, MIT OCW) and highlights white-space opportunities.
- Strategic Expansion: Visualizes the Total/Serviceable Available Market (TAM/SAM/SOM) for expansion into graduate and career transitioner segments.
- Future Trends: Assesses the strategic importance of emerging EdTech trends like AI Personalization and VR/AR Labs.
This project adheres to specific technical constraints to ensure a modern, high-performance, and visually appealing presentation.
| Library | Purpose | Implementation Note |
|---|---|---|
| HTML5 / JavaScript | Core Structure & Logic | Single-page application architecture. |
| Tailwind CSS | Styling & Responsiveness | Utility-first approach for responsive layout and Material Design aesthetics. |
| Chart.js | Data Visualization | Used for Bar, Line, Pie, Doughnut, and Radar charts. All charts leverage Canvas rendering and include custom tooltip configurations. |
| Custom HTML/CSS | Diagrams & Layout | Flowcharts and hierarchical diagrams are constructed using Tailwind CSS and native HTML elements (NO SVG, NO Mermaid JS). |
The infographic is designed for easy deployment via GitHub Pages.
- Infographic File:
Resource_Nest Infographic.html(The complete SPA file). - Redirect File:
index.html(The file that automatically redirects to the infographic on deployment).
To view the live infographic, simply navigate to the deployed GitHub Pages URL for this repository.
The data points synthesized for this visualization are derived from secondary research (Statista, Grand View Research, academic reports) and serve as a foundation for future primary data collection.
The suggested data schema for collecting and tracking new metrics (as a proposed CSV for Tableau/Power BI integration) is as follows:
| Metric Category | Variable | Value | Unit | Audience Segment | Region | Source | Collection Method | Date Verified |
|---|---|---|---|---|---|---|---|---|
| Market Size | CAGR | 12.0 | % | UG/Grad EdTech | Global | GVR/Statista | Secondary | 2025-09-15 |
| User Needs | Retention | 65.0 | % | UG | NA | Survey (Planned) | Primary | N/A |
| Competition | Top Competitor | Khan Academy | string | UG/Grad | Global | Web Scraping | Secondary | 2025-09-15 |
| Growth Potential | SOM | 8.0 | millions of users | Transitioner | Global | TAM/SAM/SOM Model | Analysis | 2025-09-15 |
Research Support provided by Kingsley Akenu.