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/5.CMaEtCD9.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">
|
|
<link rel="modulepreload" href="../_app/immutable/chunks/BtxxubAD.js"><!--171l7w4--><meta name="description" content="Interactive tools for data science, machine learning, and AI development."/><!----><title>Tools | 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">Tools</h1> <p class="text-gray-600 max-w-2xl mx-auto">Interactive tools to help you with data science, machine learning, and AI development.</p></div> <div class="flex flex-col sm:flex-row gap-4 mb-8"><div class="flex-1"><input type="text" placeholder="Search tools..." 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="INTERACTIVE">INTERACTIVE</option><option value="TOOL">TOOL</option><!--]--></select></div> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><!--[--><!--[!--><a href="/tools/flowchart/" 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-purple-100 text-purple-700">INTERACTIVE</span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">Decision Flowchart</h3> <p class="text-gray-600 text-sm leading-relaxed">Interactive decision tree to help you select the appropriate statistical test based on your data type and research question.</p> <div class="mt-4 flex items-center text-primary-600 text-sm font-medium"><span>Explore</span> <svg class="w-4 h-4 ml-1 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><!--]--><!--[!--><a href="/tools/privacy-scanner/" 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-indigo-100 text-indigo-700">TOOL</span></div> <h3 class="text-lg font-semibold text-gray-900 mb-2 group-hover:text-primary-600 transition-colors">Privacy Scanner</h3> <p class="text-gray-600 text-sm leading-relaxed">Detect and redact personally identifiable information (PII) from text and files. Supports 30+ PII types including emails, SSN, API keys.</p> <div class="mt-4 flex items-center text-primary-600 text-sm font-medium"><span>Explore</span> <svg class="w-4 h-4 ml-1 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></div></a><!--]--><!--[--><div class="group block p-6 bg-white rounded-2xl border border-gray-100 opacity-75"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-gray-100 flex items-center justify-center"><span class="text-2xl grayscale">⚡</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-gray-100 text-gray-500">Coming Soon</span></div> <h3 class="text-lg font-semibold text-gray-400 mb-2">Inference Estimator</h3> <p class="text-gray-400 text-sm leading-relaxed">Estimate inference costs and latency for LLM deployments across different providers and model sizes.</p></div><!--]--><!--[--><div class="group block p-6 bg-white rounded-2xl border border-gray-100 opacity-75"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-gray-100 flex items-center justify-center"><span class="text-2xl grayscale">💰</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-gray-100 text-gray-500">Coming Soon</span></div> <h3 class="text-lg font-semibold text-gray-400 mb-2">Cost Tracker</h3> <p class="text-gray-400 text-sm leading-relaxed">Track and compare API costs across OpenAI, Anthropic, and other LLM providers. Optimize your AI spending.</p></div><!--]--><!--[--><div class="group block p-6 bg-white rounded-2xl border border-gray-100 opacity-75"><div class="flex items-start justify-between mb-4"><div class="w-12 h-12 rounded-xl bg-gray-100 flex items-center justify-center"><span class="text-2xl grayscale">📉</span></div> <span class="text-xs font-medium px-2 py-1 rounded-full bg-gray-100 text-gray-500">Coming Soon</span></div> <h3 class="text-lg font-semibold text-gray-400 mb-2">Drift Monitor</h3> <p class="text-gray-400 text-sm leading-relaxed">Monitor model performance and detect data drift in production ML systems. Get alerts when models degrade.</p></div><!--]--><!--]--></div> <!--[!--><!--]--></div></main> <footer class="bg-gray-50 border-t border-gray-100 py-12"><div class="max-w-6xl mx-auto px-6"><div class="flex flex-col md:flex-row items-center justify-between gap-4"><div class="flex items-center gap-2"><img src="/logo.png" alt="ValueCurve" class="h-6 w-auto"/> <span class="text-sm text-gray-600">Build ValueCurve</span></div> <p class="text-sm text-gray-500">Data science guides and tools for builders.</p></div></div></footer><!----></div><!----><!--]--><!----><!--]--> <!--[!--><!--]--><!--]-->
|
|
|
|
<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, 5],
|
|
data: [null,null],
|
|
form: null,
|
|
error: null
|
|
});
|
|
});
|
|
}
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|