This commit is contained in:
louiscklaw
2025-01-31 20:57:47 +08:00
parent ed177c5ad6
commit fc6f79b133
341 changed files with 201064 additions and 0 deletions

View File

@@ -0,0 +1,98 @@
/* @theme academic */
@import 'gaia';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap');
:root {
--color-background: #fff;
--color-foreground: #333;
--color-highlight: #800000;
}
section {
background-image: none;
font-family: 'Noto Sans JP', sans-serif;
padding-top: 90px;
padding-left: 40px;
padding-right: 40px;
}
/* https://github.com/marp-team/marpit/issues/271 */
section::after {
font-weight: 700;
content: attr(data-marpit-pagination) '/' attr(data-marpit-pagination-total);
}
ul ul {
font-size: 0.9em;
}
section.lead h1 {
color: #800000;
text-align: left;
}
section.lead h1 strong {
-webkit-text-stroke: 1px #800000;
}
section.lead h2 {
color: #800000;
text-align: left;
}
section.lead h2 strong {
-webkit-text-stroke: 1px #800000;
}
section.lead h3 {
color: #800000;
text-align: left;
}
section.lead h3 strong {
-webkit-text-stroke: 1px #800000;
}
section.lead h4 {
color: #800000;
text-align: left;
}
section.lead h4 strong {
-webkit-text-stroke: 1px #800000;
}
section.lead h5 {
color: #800000;
text-align: left;
}
section.lead h5 strong {
-webkit-text-stroke: 1px #800000;
}
section.lead p {
text-align: right;
}
header {
background-color: #800000;
color: #fff;
font-size: 1em;
font-weight: 700;
}
blockquote {
max-width: 90%;
border-top: 0.1em dashed #555;
font-size: 60%;
position: absolute;
bottom: 20px;
}
blockquote::before {
content: "";
}
blockquote::after {
content: "";
}
img[alt~="center"] {
display: block;
margin: 0 auto;
}
code {
font-family: 'Source Code Pro', monospace;
}

BIN
Man1130/task1/Man1130-python-comission/slides/bg.jpg (Stored with Git LFS) Normal file

Binary file not shown.

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,330 @@
@charset "UTF-8";
/*!
* Marp Dracula theme.
* @theme dracula
* @author Daniel Nicolas Gisolfi
*
* @auto-scaling true
* @size 4:3 960px 720px
* @size 16:9 1280px 720px
*/
@import url("https://fonts.googleapis.com/css?family=Lato:400,900|IBM+Plex+Sans:400,700");
:root {
--dracula-background: #282a36;
--dracula-current-line: #44475a;
--dracula-foreground: #f8f8f2;
--dracula-comment: #6272a4;
--dracula-cyan: #8be9fd;
--dracula-green: #50fa7b;
--dracula-orange: #ffb86c;
--dracula-pink: #ff79c6;
--dracula-purple:#bd93f9;
--dracula-red: #ff5555;
--dracula-yellow: #f1fa8c;
}
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: var(--dracula-background);
}
/* Dracula Foreground */
.hljs,
.hljs-subst,
.hljs-typing,
.hljs-variable,
.hljs-template-variable {
color: var(--dracula-foreground);
}
/* Dracula Comment */
.hljs-comment,
.hljs-quote,
.hljs-deletion {
color: var(--dracula-comment);
}
/* Dracula Cyan */
.hljs-meta .hljs-doctag,
.hljs-built_in,
.hljs-selector-tag,
.hljs-section,
.hljs-link,
.hljs-class {
color: var(--dracula-cyan);
}
/* Dracula Green */
.hljs-title {
color: var(--dracula-green);
}
/* Dracula Orange */
.hljs-params {
color: var(--dracula-orange);
}
/* Dracula Pink */
.hljs-keyword {
color: var(--dracula-pink);
}
/* Dracula Purple */
.hljs-literal,
.hljs-number {
color: var(--dracula-purple);
}
/* Dracula Red */
.hljs-regexp {
color: var(--dracula-red);
}
/* Dracula Yellow */
.hljs-string,
.hljs-name,
.hljs-type,
.hljs-attr,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-template-tag {
color: var(--dracula-yellow);
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
font-weight: bold;
}
.hljs-params,
.hljs-emphasis {
font-style: italic;
}
svg[data-marp-fitting=svg] {
max-height: 580px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0.5em 0 0 0;
color: var(--dracula-pink);
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: inherit;
}
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.9em;
}
p,
blockquote {
margin: 1em 0 0 0;
}
ul > li,
ol > li {
margin: 0.3em 0 0 0;
color: var(--dracula-cyan);
}
ul > li > p,
ol > li > p {
margin: 0.6em 0 0 0;
}
code {
display: inline-block;
font-family: "IBM Plex Mono", monospace;
font-size: 0.8em;
letter-spacing: 0;
margin: -0.1em 0.15em;
padding: 0.1em 0.2em;
vertical-align: baseline;
color: var(--dracula-green);
}
pre {
display: block;
margin: 1em 0 0 0;
min-height: 1em;
overflow: visible;
}
pre code {
box-sizing: border-box;
margin: 0;
min-width: 100%;
padding: 0.5em;
font-size: 0.7em;
}
pre code svg[data-marp-fitting=svg] {
max-height: calc(580px - 1em);
}
blockquote {
margin: 1em 0 0 0;
padding: 0 1em;
position: relative;
color: var(--dracula-orange);
}
blockquote::after, blockquote::before {
content: "“";
display: block;
font-family: "Times New Roman", serif;
font-weight: bold;
position: absolute;
color: var(--dracula-green);
}
blockquote::before {
top: 0;
left: 0;
}
blockquote::after {
right: 0;
bottom: 0;
transform: rotate(180deg);
}
blockquote > *:first-child {
margin-top: 0;
}
mark {
background: transparent;
}
table {
border-spacing: 0;
border-collapse: collapse;
margin: 1em 0 0 0;
}
table th,
table td {
padding: 0.2em 0.4em;
border-width: 1px;
border-style: solid;
}
section {
font-size: 35px;
font-family: "IBM Plex Sans";
line-height: 1.35;
letter-spacing: 1.25px;
padding: 70px;
color: var(--dracula-foreground);
background-color: var(--dracula-background);
}
section > *:first-child,
section > header:first-child + * {
margin-top: 0;
}
section a,
section mark {
color: var(--dracula-red);
}
section code {
background: var(--dracula-current-line);
color: var(--dracula-current-green);
}
section h1 strong,
section h2 strong,
section h3 strong,
section h4 strong,
section h5 strong,
section h6 strong {
color: var(--dracula-current-line);
}
section pre > code {
background: var(--dracula-current-line);
}
section header,
section footer,
section section::after,
section blockquote::before,
section blockquote::after {
color: var(--dracula-comment);
}
section table th,
section table td {
border-color: var(--dracula-current-line);
}
section table thead th {
background: var(--dracula-current-line);
color: var(--dracula-yellow);
}
section table tbody > tr:nth-child(even) td,
section table tbody > tr:nth-child(even) th {
background: var(--dracula-current-line);
}
header,
footer,
section::after {
box-sizing: border-box;
font-size: 66%;
height: 70px;
line-height: 50px;
overflow: hidden;
padding: 10px 25px;
position: absolute;
color: var(--dracula-comment);
}
header {
left: 0;
right: 0;
top: 0;
}
footer {
left: 0;
right: 0;
bottom: 0;
}
section::after {
right: 0;
bottom: 0;
font-size: 80%;
}

View File

@@ -0,0 +1,3 @@
npx @marp-team/marp-cli@latest -w slides.md
@REM -o slides.pdf

View File

@@ -0,0 +1,88 @@
---
marp: true
title: Marp CLI example
description: Hosting Marp slide deck on the web
theme: uncover
paginate: true
_paginate: false
footer: '2022 project presentation'
style: |
section {
background-color: #ccc;
}
footer {
text-align: center;
}
---
![bg](./assets/gradient.jpg)
# <!--fit--> Marp CLI 例子
托管 Marp slide deck 在服务器上
https://github.com/yhatt/marp-cli-example
<style scoped>a { color: #eee; }</style>
<!-- 这是一个注释文件 This is presenter note. You can write down notes through HTML comment. -->
---
![Marp bg 60%](https://raw.githubusercontent.com/marp-team/marp/master/marp.png)
---
![bg](#123)
![](#fff)
##### <!--fit--> [Marp CLI](https://github.com/marp-team/marp-cli) + [GitHub Pages](https://github.com/pages) | [Netlify](https://www.netlify.com/) | [Vercel](https://vercel.com/)
##### <!--fit--> 👉 The easiest way to host<br />your Marp deck on the web
---
![bg right 60%](https://icongr.am/octicons/mark-github.svg)
## **[GitHub Pages](https://github.com/pages)**
#### Ready to write & host your deck!
[![Use this as template h:1.5em](https://img.shields.io/badge/-Use%20this%20as%20template-brightgreen?style=for-the-badge&logo=github)](https://github.com/yhatt/marp-cli-example/generate)
---
![bg right 60%](https://icongr.am/simple/netlify.svg?colored)
## **[Netlify](https://www.netlify.com/)**
#### Ready to write & host your deck!
[![Deploy to Netlify h:1.5em](./assets/netlify-deploy-button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/yhatt/marp-cli-example)
---
![bg right 60%](https://icongr.am/simple/zeit.svg)
## **[Vercel](https://vercel.com/)**
#### Ready to write & host your deck!
[![Deploy to Vercel h:1.5em](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/yhatt/marp-cli-example)
---
### <!--fit--> :ok_hand:
---
![bg 40% opacity blur](https://avatars1.githubusercontent.com/u/3993388?v=4)
### Created by Yuki Hattori ([@yhatt](https://github.com/yhatt))
https://github.com/yhatt/marp-cli-example

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,223 @@
---
marp: true
title: Marp CLI example
description: Hosting Marp slide deck on the web
theme: uncover
paginate: true
_paginate: false
backgroundImage: url('https://www.google.com/url?sa=i&url=https%3A%2F%2Fcommons.wikimedia.org%2Fwiki%2FFile%3AHelloWorld.svg&psig=AOvVaw0d3lmyaMphPi0ANeGIEJOw&ust=1670049479380000&source=images&cd=vfe&ved=0CBAQjRxqFwoTCJjxx6Gp2vsCFQAAAAAdAAAAABAE')
footer: '2022 project presentation'
style: |
section {
background-color: #ccc;
padding: 0 10vw;
}
footer {
text-align: center;
}
---
<!-- lead-invert-red -->
### **slide topic?**
##### overview of the dataset
- Male and Female proportion
- male by age
- female by age
- The types of chest pain experienced among the patients
- pie chart
- showing the correlation between
chest pain and target Confusion Matrix ?
<!-- HTML comment recognizes as a presenter note per pages. -->
<!-- You may place multiple comments in a single page. -->
<!--
Also supports multiline.
We bet these comments would help your presentation...
-->
---
<!-- lead-invert-red -->
### **Decision Tree**
##### overview of the dataset
- Decision Tree 果張圖
- Performance Analysis
- confusion matrix
- ROC
<!-- HTML comment recognizes as a presenter note per pages. -->
<!-- You may place multiple comments in a single page. -->
<!--
Also supports multiline.
We bet these comments would help your presentation...
-->
---
<!-- lead-invert-red -->
### **Naive Bayes**
##### overview of the dataset
- Naive Bayes 果張圖
- Performance Analysis
- confusion matrix
- ROC
<!-- HTML comment recognizes as a presenter note per pages. -->
<!-- You may place multiple comments in a single page. -->
<!--
Also supports multiline.
We bet these comments would help your presentation...
-->
---
<!-- lead-invert-red -->
### **Logistic Regression**
##### overview of the dataset
- Logistic Regression 果張圖
<!-- HTML comment recognizes as a presenter note per pages. -->
<!-- You may place multiple comments in a single page. -->
<!--
Also supports multiline.
We bet these comments would help your presentation...
-->
---
### **Performance Analysis**
- Performance Analysis
- confusion matrix
- ROC
<!-- HTML comment recognizes as a presenter note per pages. -->
<!-- You may place multiple comments in a single page. -->
<!--
Also supports multiline.
We bet these comments would help your presentation...
-->
---
### **Performance Analysis con't**
- pick a sample, bayes modeling:
- naive_bayes_scramble.ipynb
- column selection
- compare column vs accurancy
- the performance/accurancy of fewer column MAY BE better than more column
- possible cause
- column noise/ input data accurancy ?
- modal overfitting ?
- extreme case ?
<!-- - Q: Evaluation -->
---
### **Performance Analysis con't**
- how to improve ?
- the choice of the columns may be better if other facuity involved.
- more labelled data improves accuracy
---
### **Performance Analysis con't**
- disclaimer ?
- no model can introduce 100% accurancy
- why ?
- extreme case
- chaos theory ?
- will never take all ~~ervery~~ matters into account
- however, the model can be considered if accuracy above nn% in general
<!-- Q:Whats the problem you are trying to solve -->
<!-- - Hows your program solve the problem -->
<!-- - Demonstrate how your program work/ Go through the data analysis -->
<!-- - What are the interesting libraries that you used? -->
<!-- - Any complex logic in your project that you want to show off -->
<!-- - Any other interesting thing -->
<!-- - Its not a must for you to show your code in presentation. -->
<!-- - Do that if you think that help you to explain things -->
<!-- - We dont need everyone to speak. The whole group share the same score. -->
<!-- - Evaluation -->
<!-- - Good presentation flow, Clarity of your points, Pace of your presentation -->
---
### **why these method ?**
- [x]unsupervised modeling
- cross out reason
- data is already labelled
- data is small amount and discrete
- [x] Knn
- [x] Kmeans
<!-- ref: https://www.ibm.com/cloud/blog/supervised-vs-unsupervised-learning -->
---
### **why these method ?**
- supervised modeling / supervised learning
- data is already labelled
- []Decision Tree
- []Naive Bayes
- performance ? accuracy ? ROI ?
- [x]multi dimensional/column difficult to understand/maintain
- [x]Logistic Regression
- [x]SVM
<!-- ref: https://www.ibm.com/cloud/blog/supervised-vs-unsupervised-learning -->
---
### notes only
<!-- Q: Whats the problem you are trying to solve -->
<!-- Q: Hows your program solve the problem -->
<!-- A: to predict humans heart disease possiblilies by modelling -->
<!-- Q: Demonstrate how your program work/ Go through the data analysis -->
<!-- 可能你要捉一捉佢路, if i were you, i won't go through the data analysis, -->
<!-- because the sample steps every one can google e.g. data cleaning, training model, performance analysis, not the main point -->
<!-- Q: What are the interesting libraries that you used? -->
<!-- Q: Any complex logic in your project that you want to show off -->
<!-- Q: Any other interesting thing -->
<!-- bayes scrambling can help -->
<!-- Q: Evaluation -->
<!-- Performance Analysis ? -->
<!-- X -->
<!-- Q: Its not a must for you to show your code in presentation. -->
<!-- - ? Do that if you think that help you to explain things -->
<!-- Q: We dont need everyone to speak. The whole group share the same score. -->
<!-- Q: Good presentation flow, Clarity of your points, Pace of your presentation -->