53 lines
8.7 KiB
HTML
53 lines
8.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<link rel="icon" href="../favicon.png" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<meta name="description" content="Build with AI - Data science guides, interactive tools, and insights" />
|
||
|
|
|
||
|
|
<link href="../_app/immutable/assets/0.Bj4WkHXk.css" rel="stylesheet">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/entry/start.uC0-OaNu.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/BwW0cSGu.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/s1dcSIVc.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/C0eu8ep9.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/entry/app.DmALO4Sl.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/CPMpaYR7.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/CkL4Pxt3.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/B6leOVDb.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/-tUHYaTb.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/nodes/0.DcCAWxrr.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/ZgnPtkD2.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/nodes/4.P_foqsYU.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/DQsFLTCT.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/SaFGkI3k.js">
|
||
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/2Jbz9SS3.js"><!--t5mrr1--><meta name="description" content="Interactive Jupyter notebooks for hands-on learning. Open directly in Google Colab."/><!----><title>Notebooks | Build with AI</title>
|
||
|
|
</head>
|
||
|
|
<body data-sveltekit-preload-data="hover">
|
||
|
|
<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div class="min-h-screen bg-gradient-to-b from-slate-50 to-white"><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between"><a href="/" class="flex items-center gap-2"><img src="/logo.png" alt="ValueCurve" class="h-8 w-auto"/> <span class="font-semibold text-gray-900">Build ValueCurve</span></a> <div class="flex items-center gap-6"><a href="/guides/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Guides</a> <a href="/tools/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Tools</a> <a href="https://www.valuecurve.ai" target="_blank" rel="noopener" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Newsletter</a> <a href="/notebooks/" class="text-gray-600 hover:text-gray-900 transition-colors text-sm font-medium">Notebooks</a></div></div></nav><!----> <main class="pt-24 pb-16 px-6"><div class="max-w-6xl mx-auto"><div class="text-center mb-12"><h1 class="text-4xl font-bold text-gray-900 mb-4">Notebooks</h1> <p class="text-gray-600 max-w-2xl mx-auto">Interactive Jupyter notebooks for hands-on learning. Open directly in Google Colab - no setup required.</p></div> <div class="flex flex-col sm:flex-row gap-4 mb-8"><div class="flex-1"><input type="text" placeholder="Search notebooks..." value="" class="w-full px-4 py-2.5 border border-gray-200 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 transition-all"/></div> <select class="px-4 py-2.5 border border-gray-200 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 bg-white"><option value="all" selected>All Categories</option><!--[--><option value="EDA">EDA</option><option value="STATISTICS">STATISTICS</option><option value="ML">ML</option><!--]--></select></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><div class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-primary-50 flex items-center justify-center transition-transform group-hover:scale-110"><span class="text-2xl ">🌍</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-teal-100 text-teal-700">EDA</span></div> <h3 class="text-lg font-semibold text-gray-900 group-hover:text-primary-600 mb-2 transition-colors">Exploratory Data Analysis</h3> <p class="text-gray-600 text-sm leading-relaxed mb-4">Exploratory data analysis using the Gapminder dataset. Learn data wrangling, visualization, and insights extraction.</p> <!--[--><a href="https://colab.research.google.com/github/valuecurve/notebooks/blob/main/eda-gapminder.ipynb" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 bg-yellow-400 hover:bg-yellow-500 text-gray-900 rounded-lg text-sm font-medium transition-colors"><svg class="w-4 h-4" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm0 2.4c5.302 0 9.6 4.298 9.6 9.6s-4.298 9.6-9.6 9.6S2.4 17.302 2.4 12 6.698 2.4 12 2.4z"></path></svg> Open in Colab</a><!--]--></div><div class="group block p-6 bg-white rounded-2xl border border-gray-100 card-hover"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-primary-50 flex items-center justify-center transition-transform group-hover:scale-110"><span class="text-2xl ">📊</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-blue-100 text-blue-700">STATISTICS</span></div> <h3 class="text-lg font-semibold text-gray-900 group-hover:text-primary-600 mb-2 transition-colors">Statistical Tests Practice</h3> <p class="text-gray-600 text-sm leading-relaxed mb-4">Hands-on practice with t-tests, ANOVA, chi-square, and correlation analysis using real datasets.</p> <!--[--><a href="https://colab.research.google.com/github/valuecurve/notebooks/blob/main/statistical-tests.ip
|
||
|
|
|
||
|
|
<script>
|
||
|
|
{
|
||
|
|
__sveltekit_118gwxe = {
|
||
|
|
base: new URL("..", location).pathname.slice(0, -1)
|
||
|
|
};
|
||
|
|
|
||
|
|
const element = document.currentScript.parentElement;
|
||
|
|
|
||
|
|
Promise.all([
|
||
|
|
import("../_app/immutable/entry/start.uC0-OaNu.js"),
|
||
|
|
import("../_app/immutable/entry/app.DmALO4Sl.js")
|
||
|
|
]).then(([kit, app]) => {
|
||
|
|
kit.start(app, element, {
|
||
|
|
node_ids: [0, 4],
|
||
|
|
data: [null,null],
|
||
|
|
form: null,
|
||
|
|
error: null
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|