Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saylidholam/cancer_website
https://github.com/saylidholam/cancer_website
html-css-javascript jupyter-notebook powerbi
Last synced: 1 day ago
JSON representation
- Host: GitHub
- URL: https://github.com/saylidholam/cancer_website
- Owner: SayliDholam
- Created: 2024-02-20T18:56:23.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-07-06T07:57:13.000Z (7 months ago)
- Last Synced: 2024-11-27T13:37:20.269Z (2 months ago)
- Topics: html-css-javascript, jupyter-notebook, powerbi
- Language: Jupyter Notebook
- Homepage:
- Size: 6.59 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cancer_Website
The project's goal is to create an easily navigable cancer information website by
employing data visualization techniques to display extensive datasets. Organizing
various data kinds, creating powerful visuals, and making sure users are informed
and engaged.
## Datasets Used :
- [Cancer Statistics 2020 India](https://www.kaggle.com/datasets/tejasurya/cancer-data-india)
- [Cancer death rate by age group 1990 - 2019](https://ourworldindata.org/grapher/cancer-death-rates-by-age?tab=table)
- [Cancer death by type 1990 - 2019](https://ourworldindata.org/grapher/total-cancer-deaths-by-type?tab=table)
- [Demographics Website Reference](https://gco.iarc.fr/today/en)
## Technologies Used :
- HTML/CSS
*HTML (HyperText Markup Language)*:
HTML is the standard markup language used to create web pages.
It provides the structure of a webpage by using a series of elements or tags.
Each element has an opening tag, content, and a closing tag.
*CSS (Cascading Style Sheets)*:
CSS is used to style and layout web pages.
It describes how HTML elements should be displayed on screen, paper, or in other media.
CSS can be applied inline, internally within an HTML document, or externally via an external stylesheet.- NodeJS
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.
It allows developers to run JavaScript on the server-side, enabling the creation of scalable and high-performance network applications.
Node.js uses an event-driven, non-blocking I/O model, making it efficient and suitable for real-time applications.
It has a vast ecosystem of libraries and modules managed via npm (Node Package Manager).- PowerBI
Power BI is a business analytics tool developed by Microsoft. It provides interactive visualizations and business intelligence capabilities with an interface simple enough for end users to create their own reports and dashboards.
[Power BI Documentation](https://learn.microsoft.com/en-us/power-bi/) and [Power BI Learn](https://learn.microsoft.com/en-us/training/powerplatform/power-bi?WT.mc_id=powerbi_landingpage-docs-link)
Key Features :
- Data Integration
- Data Transformation
- Data Modeling
- Visualizations
- Reports and Dashboards- Jupyter
Jupyter Notebook is an open-source web application that allows you to create and share documents containing live code, equations, visualizations, and narrative text. It is widely used in data science, machine learning, and scientific computing.
[Jupyter Documentation](https://docs.jupyter.org/en/latest/)
Key Features :
- Interactive Code Execution:
- Rich Text and Markdown
- Data Visualization
- Interactive Widgets
- Notebook Sharing
- Kernel Support### Node.js setup:
1. **Download and Install Node.js**:
- Download the installer from the Node.js website.
- Run the installer and follow the prompts.2. **Verify the Installation**:
- Open Command Prompt or PowerShell and run ```node -v``` and ```npm -v```.3. **Create a Simple Node.js Application**:
- Set up a new project directory.
- Initialize the project with ```npm init -y```.
- Create an app.js file with the HTTP server code.4. **Run the Application**:
- Use node app.js to start the server.
- Open your browser and navigate
![system_design](Snips/system_design.jpg)
*System Design*
![main_page](Snips/main_page.jpg)
*Website Main Page*
![death_worldwide_2019](Snips/death_worldwide_2019.jpg)
*Analysis of deaths worldwide due to cancer till 2019*
![death_india_2019](Snips/death_india_2019.jpg)
*Analysis of deaths in India due to cancer till 2019*
![heatmap](Snips/heatmap.jpg)
*Heatmap*
![histogram](Snips/histogram.jpg)
*Histogram*