Spaces:
Build error
Build error
File size: 4,924 Bytes
cc0d12a 2df101a cc0d12a c23f568 0ff4c79 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 |
import streamlit as st
import pandas as pd
st.markdown("""
<style>
/* Set a soft background color */
body {
background-color: #eef2f7;
}
/* Style for main title */
h1 {
color: #00FFFF;
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-align: center;
margin-bottom: 25px;
}
/* Style for headers */
h2 {
color: #FFFACD;
font-family: 'Roboto', sans-serif;
font-weight: 600;
margin-top: 30px;
}
/* Style for subheaders */
h3 {
color: #ba95b0;
font-family: 'Roboto', sans-serif;
font-weight: 500;
margin-top: 20px;
}
.custom-subheader {
color: #00FFFF;
font-family: 'Roboto', sans-serif;
font-weight: 600;
margin-bottom: 15px;
}
/* Paragraph styling */
p {
font-family: 'Georgia', serif;
line-height: 1.8;
color: #FFFFFF; /* Darker text color for better visibility */
margin-bottom: 20px;
}
/* List styling with checkmark bullets */
.icon-bullet {
list-style-type: none;
padding-left: 20px;
}
.icon-bullet li {
font-family: 'Georgia', serif;
font-size: 1.1em;
margin-bottom: 10px;
color: #FFFFF0; /* Darker text color for better visibility */
}
.icon-bullet li::before {
content: "✔️";
padding-right: 10px;
color: #17a2b8;
}
/* Sidebar styling */
.sidebar .sidebar-content {
background-color: #ffffff;
border-radius: 10px;
padding: 15px;
}
.sidebar h2 {
color: #495057;
}
/* Mobile specific styles */
@media only screen and (max-width: 600px) {
.stApp {
background-color: #070109;
}
h1, h2 {
font-size: 18px; /* Adjust font size for mobile devices */
}
}
</style>
""", unsafe_allow_html=True)
st.latex(r'''
\textbf{\Huge Levels of Measurement} \\[15pt]
\text{\huge \(\downarrow\)} \\[10pt]
\begin{array}{l}
\textbf{\Huge Measurement Levels} \\
\quad \text{\huge \(\Downarrow\)} \\[10pt]
\quad \textbf{\underline{1. \Large Nominal Level}} \\
\quad \quad \text{\huge \(\downarrow\)} \\[5pt]
\quad \quad \textbf{Categories} \quad \text{\small (e.g., Gender, Color)} \\[10pt]
\quad \text{\huge \(\Downarrow\)} \\[10pt]
\quad \textbf{\underline{2. \Large Ordinal Level}} \\
\quad \quad \text{\huge \(\downarrow\)} \\[5pt]
\quad \quad \textbf{Rank Order} \quad \text{\small (e.g., Customer Satisfaction, Rankings)} \\[10pt]
\quad \text{\huge \(\Downarrow\)} \\[10pt]
\quad \textbf{\underline{3. \Large Interval Level}} \\
\quad \quad \text{\huge \(\downarrow\)} \\[5pt]
\quad \quad \textbf{Equal Intervals} \quad \text{\small (e.g., Temperature, IQ Scores)} \\[10pt]
\quad \text{\huge \(\Downarrow\)} \\[10pt]
\quad \textbf{\underline{4. \Large Ratio Level}} \\
\quad \quad \text{\huge \(\downarrow\)} \\[5pt]
\quad \quad \textbf{Absolute Zero} \quad \text{\small (e.g., Height, Weight, Age)} \\[5pt]
\end{array}
''')
st.subheader("Nominal Level")
st.markdown("""The **nominal level** of measurement categorizes data without any order or ranking, such as gender or colors.
""",unsafe_allow_html=True)
st.markdown("""
For **nominal data**, only **equality operators** (e.g., `=`, `!=`) can be used.
This is because nominal data categorizes items without any inherent order or numerical value,
so you can only check if two values are the same or different.
""",unsafe_allow_html=True)
st.subheader("Ordinal Level")
st.markdown("""
**Ordinal level** represents categories with a meaningful order, but the intervals between values are not consistent or meaningful.
""",unsafe_allow_html=True)
st.markdown("""
**Ordinal data** supports the use of comparison operators (e.g., greater than, less than) to determine the relative ranking or order of categories.
""",unsafe_allow_html=True)
st.subheader("Interval Level")
st.markdown("""
**Interval level** data has ordered categories with equal intervals between values, but lacks a true zero point (e.g., temperature in Celsius).
""",unsafe_allow_html=True)
st.markdown("""
**Interval data** supports arithmetic operators (e.g., addition, subtraction) and comparison operators (e.g., greater than, less than) since it has equal intervals between values but no true zero point.
""",unsafe_allow_html=True)
st.subheader("Ratio Level")
st.markdown("""
**Ratio level** data has ordered categories with equal intervals and a true zero point, allowing for meaningful ratios between values (e.g., height, weight).
""",unsafe_allow_html=True)
st.markdown("""
**Ratio data** supports all arithmetic operators (e.g., addition, subtraction, multiplication, division) and comparison operators (e.g., greater than, less than) due to its true zero point and meaningful ratios.
""",unsafe_allow_html=True) |