Create ai-frontier.html
· 1 year ago
a7d2351ad86b07719e7c01e0c12381259ad1e2fc
Parent:
704444e79
1 file changed +1757 −0
- ai-frontier.html +1757 −0
Diff
--- /dev/null +++ b/ai-frontier.html @@ -0,0 +1,1757 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>AI Frontier Model Builders Cheatsheet</title> + + <!-- SEO Meta Description --> + <meta + name="description" + content="A comprehensive cheatsheet for understanding major AI companies building frontier models, covering their philosophy, origin, approach, goals, and key products." + /> + + <!-- Canonical URL (Update if hosted) --> + <link rel="canonical" href="https://cheatsheets.davidveksler.com/ai-frontier.html" /> + + <!-- Social Media Metadata (Add URLs if needed) --> + <meta property="og:title" content="AI Frontier Model Builders Cheatsheet" /> + <meta + property="og:description" + content="Explore the philosophies, origins, approaches, and AGI/ASI goals of leading AI companies like OpenAI, Google DeepMind, Anthropic, and more." + /> + <meta property="og:type" content="article" /> + <!-- <meta property="og:url" content="https://cheatsheets.davidveksler.com/ai-frontier.html"> --> + <!-- <meta property="og:image" content="http://cheatsheets.davidveksler.com//images/ai-cheatsheet-preview.png"> --> + <!-- <meta property="og:image:alt" content="AI Frontier Model Builders Cheatsheet Preview"> --> + + <meta name="twitter:card" content="summary_large_image" /> + <meta name="twitter:title" content="AI Frontier Model Builders Cheatsheet" /> + <meta + name="twitter:description" + content="Explore the philosophies, origins, approaches, and AGI/ASI goals of leading AI companies like OpenAI, Google DeepMind, Anthropic, and more." + /> + <!-- <meta name="twitter:image" content="http://cheatsheets.davidveksler.com//images/ai-cheatsheet-preview.png"> --> + <!-- <meta name="twitter:image:alt" content="AI Frontier Model Builders Cheatsheet Preview"> --> + + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" /> + + <style> + :root { + /* --- Base Theme --- */ + --ai-body-bg: #1a1d24; /* Dark charcoal/blue */ + --ai-text-main: #e0e0e0; /* Light gray for text */ + --ai-text-secondary: #9e9e9e; /* Dimmer gray */ + --ai-card-bg: #252a33; /* Slightly lighter dark shade for cards */ + --ai-card-border-color: #3f4a59; /* Subtle border */ + --ai-card-shadow-color: rgba(0, 0, 0, 0.2); + --ai-blueprint-grid-color: rgba(63, 74, 89, 0.15); /* Grid based on card border */ + --ai-schema-bg-color: rgba(26, 29, 36, 0.85); /* Darker, slightly transparent for section background */ + --ai-schema-border-color: var(--ai-card-border-color); + --ai-text-highlight: #82aaff; /* A light, vibrant blue for highlighting terms */ + + /* --- Company/Category Colors --- */ + /* Default/Fallback */ + --ai-category-color: #7986cb; /* Indigo Light */ + + /* OpenAI */ + --ai-color-openai: #43a047; /* Greenish - representing growth/OpenAI's logo hue */ + /* Google DeepMind */ + --ai-color-deepmind: #1e88e5; /* Google Blue */ + /* Anthropic */ + --ai-color-anthropic: #ffb300; /* Amber/Orange - for safety/caution */ + /* Meta AI */ + --ai-color-meta: #7b1fa2; /* Purple - a modern tech color */ + /* Cohere */ + --ai-color-cohere: #00acc1; /* Cyan - for enterprise/clarity */ + /* Mistral AI */ + --ai-color-mistral: #546e7a; /* Blue Grey - for efficiency/European feel */ + /* AI21 Labs */ + --ai-color-ai21: #d81b60; /* Pink/Magenta - distinctive */ + + /* Anthropic */ + --ai-color-anthropic: #ffb300; /* Amber/Orange - for safety/caution */ + /* Meta AI */ + --ai-color-meta: #7b1fa2; /* Purple - a modern tech color */ + /* Cohere */ + --ai-color-cohere: #00acc1; /* Cyan - for enterprise/clarity */ + /* Mistral AI */ + --ai-color-mistral: #546e7a; /* Blue Grey - for efficiency/European feel */ + /* AI21 Labs */ + --ai-color-ai21: #d81b60; /* Pink/Magenta - distinctive */ + + /* --- Aspect Type Colors (Could be same as category or distinct) --- */ + --ai-aspect-color-origin: var(--ai-color-openai); /* Default to a base, overridden by section */ + --ai-aspect-color-philosophy: #64b5f6; /* Light Blue */ + --ai-aspect-color-leadership: #ba68c8; /* Purple */ + --ai-aspect-color-funding: #4db6ac; /* Teal */ + --ai-aspect-color-approach: #fff176; /* Yellow */ + --ai-aspect-color-models: #ff8a65; /* Deep Orange */ + --ai-aspect-color-safety: #a1887f; /* Brown (Earthy, grounded for safety) */ + --ai-aspect-color-opensource: #90a4ae; /* Blue Grey */ + --ai-aspect-color-agi: #f06292; /* Pink */ + --ai-aspect-color-audience: #7986cb; /* Indigo */ + --ai-aspect-color-differentiators: #ffee58; /* Vivid Yellow */ + --ai-aspect-color-developments: #4dd0e1; /* Cyan */ + } + + @keyframes blueprintGridAnimation { + 0% { + background-position: 0 0, 0 0; + } + 100% { + background-position: 50px 50px, -50px -50px; + } /* Slightly larger grid */ + } + + body { + background-color: var(--ai-body-bg); + background-image: linear-gradient(to right, var(--ai-blueprint-grid-color) 1px, transparent 1px), + linear-gradient(to bottom, var(--ai-blueprint-grid-color) 1px, transparent 1px); + background-size: 50px 50px; + animation: blueprintGridAnimation 120s linear infinite; + font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + padding-bottom: 3rem; + font-size: 16px; + color: var(--ai-text-main); + box-sizing: border-box; + } + *, + *::before, + *::after { + box-sizing: inherit; + } + + .page-header { + background: linear-gradient(135deg, #2c3e50, #1f2b38); /* Darker gradient for AI theme */ + padding: 3rem 1.5rem; + text-align: center; + border-bottom: 1px solid var(--ai-card-border-color); + margin-bottom: 3rem; + position: relative; + z-index: 10; + box-shadow: 0 4px 12px var(--ai-card-shadow-color); + } + .page-header h1 { + color: #ffffff; + font-weight: 300; + letter-spacing: 1px; + margin-bottom: 0.75rem; + font-size: 3rem; + } + .page-header h1 .bi { + font-size: 1em; + vertical-align: -0.1em; + margin-right: 0.4em; + color: var(--ai-text-highlight); /* Use highlight color for main icon */ + opacity: 0.9; + } + .page-header .lead { + color: var(--ai-text-secondary); + font-size: 1.2rem; + max-width: 900px; + margin: auto; + } + + .schema-container { + background-color: var(--ai-schema-bg-color); + border: 1px solid var(--ai-schema-border-color); + border-radius: 10px; + padding: 1.5rem 1.5rem 0.5rem 1.5rem; + margin-bottom: 3rem; + box-shadow: 0 6px 20px var(--ai-card-shadow-color); + backdrop-filter: blur(5px); + position: relative; + transition: opacity 0.3s ease-in-out; + } + + .section-title { + color: var(--ai-category-color); /* This will be overridden by specific company styles */ + margin: -3.2rem 0 1.8rem 0; /* Adjust overlap */ + font-weight: 600; + text-transform: uppercase; + letter-spacing: 0.1em; + font-size: 1.2rem; + border-bottom: none; + padding: 0.6rem 1.5rem; + background-color: var(--ai-card-bg); /* Match card background */ + display: inline-block; + position: relative; + left: 1rem; + z-index: 15; + border: 1px solid var(--ai-schema-border-color); + border-bottom: none; + border-radius: 8px 8px 0 0; + transition: opacity 0.3s ease-in-out; + box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.05); + } + + /* --- Card Styling --- */ + .info-card { + background: var(--ai-card-bg); + border: 1px solid var(--ai-card-border-color); + border-left: 5px solid var(--ai-aspect-color-origin); /* Aspect color stripe, default overridden */ + border-radius: 6px; + box-shadow: 0 3px 8px var(--ai-card-shadow-color); + height: 100%; + display: flex; + flex-direction: column; + transition: box-shadow 0.3s ease, transform 0.3s ease; + position: relative; + z-index: 5; + opacity: 1; + } + + /* --- Dimming Logic (same as template, ensure it works with new var names) --- */ + #main-container.is-dimmed .schema-container:not(.is-highlighted-section) .info-card { + opacity: 0.3; /* More pronounced dim for dark theme */ + } + #main-container.is-dimmed .schema-container:not(.is-highlighted-section) > .section-title { + opacity: 0.4; + } + .info-card.is-highlighted { + opacity: 1 !important; + /* Use category color of the *section* for the highlight shadow */ + box-shadow: 0 0 0 3px var(--ai-category-color), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + z-index: 25 !important; + transform: translateY(-4px) scale(1.02); /* Slightly more pronounced transform */ + } + .info-card:not(.is-highlighted):hover { + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25); + transform: translateY(-3px); + z-index: 20; + } + + .info-card .card-body { + padding: 0; + flex-grow: 1; + display: flex; + flex-direction: column; + } + .info-card h5 { + color: var(--ai-text-main); + background-color: transparent; + font-size: 1.1rem; + text-align: left; + margin: 0; + padding: 1rem 1.2rem; + font-weight: 600; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 0.7rem; + border-bottom: 1px solid var(--ai-card-border-color); + font-family: inherit; + } + .info-card h5 .bi { + font-size: 1.4em; + color: var(--ai-aspect-color-origin); /* Use aspect color for icon, will be overridden */ + opacity: 0.9; + flex-shrink: 0; + } + .card-content-wrapper { + padding: 1.2rem; + flex-grow: 1; + display: flex; + flex-direction: column; + } + .info-card p.summary { + font-size: 0.95rem; + color: var(--ai-text-secondary); + margin-bottom: 1rem; + flex-grow: 1; + line-height: 1.6; + } + + /* Attribute List Styling */ + .collapse-content { + font-size: 0.92rem; + border-top: 1px solid var(--ai-card-border-color); + padding: 1.2rem 1.5rem; + margin-top: 1rem; + color: var(--ai-text-main); + background-color: #20242c; /* Slightly different dark shade for details */ + } + .collapse-content h6 { + font-weight: 700; + color: var(--ai-text-highlight); + margin-top: 1.2rem; + margin-bottom: 0.5rem; + font-size: 1rem; + } + .collapse-content h6:first-child { + margin-top: 0; + } + .collapse-content ul { + padding-left: 0.5rem; + margin-bottom: 1rem; + list-style: none; + } + .collapse-content li { + margin-bottom: 0.8rem; + padding-bottom: 0.8rem; + font-size: 0.9rem; + line-height: 1.6; + border-bottom: 1px dotted #3a4350; + position: relative; + padding-left: 1.8rem; + } + .collapse-content li:last-child { + border-bottom: none; + margin-bottom: 0; + } + .collapse-content li::before { + content: "\F23A"; /* Box arrow right */ + font-family: "bootstrap-icons"; + position: absolute; + left: 0; + top: 5px; + color: var(--ai-aspect-color-origin); /* Use aspect color, overridden by card type */ + opacity: 0.8; + font-size: 1.05em; + } + .collapse-content li strong { + color: var(--ai-text-highlight); + display: block; + margin-bottom: 0.25rem; + font-weight: 600; + } + .collapse-content p { + font-size: 0.92rem; + margin-bottom: 0.7rem; + line-height: 1.65; + } + .collapse-content code { + font-size: 0.9rem; + color: #a6e22e; /* Bright green for code on dark bg */ + background-color: #2c3e50; /* Darker blue for code bg */ + padding: 0.2em 0.45em; + border-radius: 4px; + font-family: Consolas, Menlo, Monaco, "Courier New", monospace; + word-wrap: break-word; + } + .collapse-content pre code { + display: block; + padding: 1em; + white-space: pre-wrap; + } + + .row > * { + margin-bottom: 2.5rem; + } + footer { + padding-top: 3rem; + font-size: 0.9em; + color: var(--ai-text-secondary); + position: relative; + z-index: 10; + text-align: center; + } + footer a { + color: var(--ai-text-highlight); + } + footer a:hover { + color: #fff; + } + + .details-toggle { + font-size: 0.85rem; + margin-top: auto; + align-self: flex-start; + padding: 0.35rem 0.7rem; + color: var(--ai-aspect-color-origin); /* Use aspect color, overridden */ + border: 1px solid var(--ai-aspect-color-origin); /* Use aspect color, overridden */ + background-color: transparent; + transition: background-color 0.2s ease, color 0.2s ease; + border-radius: 4px; + } + .details-toggle:hover { + background-color: var(--ai-aspect-color-origin); + color: var(--ai-body-bg); + } /* Invert color on hover */ + .details-toggle .bi { + transition: transform 0.2s ease-in-out; + } + .details-toggle[aria-expanded="true"] .bi { + transform: rotate(180deg); + } + + .term { + font-weight: 600; + color: var(--ai-text-highlight); + background-color: rgba(130, 170, 255, 0.1); /* Subtle highlight bg */ + padding: 0.1em 0.4em; + border-radius: 3px; + border: 1px solid rgba(130, 170, 255, 0.2); + font-size: 0.95em; + } + .term a { + color: inherit; + text-decoration: none; + } + .term a:hover { + text-decoration: underline; + } + + /* --- Company/Category Color Assignments --- */ + .cat-openai { + --ai-category-color: var(--ai-color-openai); + } + .cat-deepmind { + --ai-category-color: var(--ai-color-deepmind); + } + .cat-anthropic { + --ai-category-color: var(--ai-color-anthropic); + } + .cat-meta { + --ai-category-color: var(--ai-color-meta); + } + .cat-cohere { + --ai-category-color: var(--ai-color-cohere); + } + .cat-mistral { + --ai-category-color: var(--ai-color-mistral); + } + .cat-ai21 { + --ai-category-color: var(--ai-color-ai21); + } + + .cat-anthropic { + --ai-category-color: var(--ai-color-anthropic); + } + .cat-anthropic .section-title { + color: var(--ai-color-anthropic); + } + .cat-anthropic .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-anthropic), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + + .cat-meta { + --ai-category-color: var(--ai-color-meta); + } + .cat-meta .section-title { + color: var(--ai-color-meta); + } + .cat-meta .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-meta), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + + .cat-cohere { + --ai-category-color: var(--ai-color-cohere); + } + .cat-cohere .section-title { + color: var(--ai-color-cohere); + } + .cat-cohere .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-cohere), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + + .cat-mistral { + --ai-category-color: var(--ai-color-mistral); + } + .cat-mistral .section-title { + color: var(--ai-color-mistral); + } + .cat-mistral .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-mistral), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + + .cat-ai21 { + --ai-category-color: var(--ai-color-ai21); + } + .cat-ai21 .section-title { + color: var(--ai-color-ai21); + } + .cat-ai21 .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-ai21), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + + /* Set section title and highlighted card shadow to use the section's category color */ + .schema-container { + --ai-category-color: var(--ai-color-openai); /* Default, overridden by specific cat- classes */ + } + .cat-openai .section-title { + color: var(--ai-color-openai); + } + .cat-openai .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-openai), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + + .cat-deepmind .section-title { + color: var(--ai-color-deepmind); + } + .cat-deepmind .info-card.is-highlighted { + box-shadow: 0 0 0 3px var(--ai-color-deepmind), 0 8px 16px rgba(0, 0, 0, 0.25) !important; + } + /* ... Add similar rules for other company categories ... */ + + /* --- Aspect Type Color Assignments for Card Elements --- */ + .info-card.type-origin { + --ai-aspect-color-current: var(--ai-aspect-color-origin); + } + .info-card.type-philosophy { + --ai-aspect-color-current: var(--ai-aspect-color-philosophy); + } + .info-card.type-leadership { + --ai-aspect-color-current: var(--ai-aspect-color-leadership); + } + .info-card.type-funding { + --ai-aspect-color-current: var(--ai-aspect-color-funding); + } + .info-card.type-approach { + --ai-aspect-color-current: var(--ai-aspect-color-approach); + } + .info-card.type-models { + --ai-aspect-color-current: var(--ai-aspect-color-models); + } + .info-card.type-safety { + --ai-aspect-color-current: var(--ai-aspect-color-safety); + } + .info-card.type-opensource { + --ai-aspect-color-current: var(--ai-aspect-color-opensource); + } + .info-card.type-agi { + --ai-aspect-color-current: var(--ai-aspect-color-agi); + } + .info-card.type-audience { + --ai-aspect-color-current: var(--ai-aspect-color-audience); + } + .info-card.type-differentiators { + --ai-aspect-color-current: var(--ai-aspect-color-differentiators); + } + .info-card.type-developments { + --ai-aspect-color-current: var(--ai-aspect-color-developments); + } + + /* Apply the current aspect color to relevant card elements */ + .info-card { + border-left-color: var(--ai-aspect-color-current); + } + .info-card h5 .bi { + color: var(--ai-aspect-color-current); + } + .info-card .details-toggle { + color: var(--ai-aspect-color-current); + border-color: var(--ai-aspect-color-current); + } + .info-card .details-toggle:hover { + background-color: var(--ai-aspect-color-current); + color: var(--ai-body-bg); /* Ensure contrast on hover */ + } + .info-card .collapse-content li::before { + color: var(--ai-aspect-color-current); + } + </style> + </head> + <body> + <header class="page-header"> + <h1><i class="bi bi-robot"></i> AI Frontier Model Builders</h1> + <p class="lead"> + A cheatsheet exploring major companies developing advanced AI, their philosophies, products, and AGI approaches. + </p> + </header> + <div class="container" id="main-container"> + <!-- OpenAI Section --> + <div class="schema-container cat-openai" data-section-id="section-openai"> + <h2 class="section-title" id="title-openai">OpenAI</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-origin" id="card-openai-origin"> + <div class="card-body"> + <h5><i class="bi bi-flag-fill"></i> Origin & Founding Vision</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Founded 2015 as non-profit, later adopted "capped-profit" model, aiming to ensure AGI benefits all + humanity. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseOpenAIOrigin" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseOpenAIOrigin"> + <h6>Key Details</h6> + <ul> + <li> + <strong>Founding Goal:</strong> To build Artificial General Intelligence (AGI) that is safe and + broadly beneficial. + </li> + <li><strong>Initial Structure:</strong> Non-profit research company.</li> + <li> + <strong>Key Founders:</strong> Included Elon Musk, Sam Altman, Greg Brockman, Ilya Sutskever, + Wojciech Zaremba, John Schulman. + </li> + <li> + <strong>Transition:</strong> In 2019, transitioned to OpenAI LP, a "capped-profit" company, to raise + more capital for compute-intensive research, while maintaining the original non-profit's mission. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-philosophy" id="card-openai-philosophy"> + <div class="card-body"> + <h5><i class="bi bi-lightbulb-fill"></i> Philosophy & Culture</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Balances ambitious research towards AGI with a strong emphasis on safety, responsibility, and broad + benefit. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseOpenAIPhilosophy" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseOpenAIPhilosophy"> + <h6>Core Tenets</h6> + <ul> + <li><strong>Beneficial AGI:</strong> Primary mission is to ensure AGI benefits all of humanity.</li> + <li> + <strong>Safety First:</strong> Increasing focus on AI safety research and mitigating risks from + powerful AI systems. + </li> + <li> + <strong>Long-term Perspective:</strong> Willing to undertake long, challenging research projects. + </li> + <li> + <strong>Iterative Deployment:</strong> Believes in deploying increasingly powerful (but still + limited) AI systems to learn from real-world use and adapt. + </li> + <li> + <strong>Collaboration & Openness (Historically):</strong> Started with a strong open-source ethos, + now more selective about what is released due to safety and competitive concerns. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-openai-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Known for the GPT series (e.g., GPT-3.5, GPT-4, GPT-4o), DALL-E for images, Sora for video, and the + ChatGPT interface. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseOpenAIModels" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseOpenAIModels"> + <h6>Prominent Models</h6> + <ul> + <li> + <strong>GPT Series (Generative Pre-trained Transformer):</strong> + <ul> + <li><code>GPT-3.5</code>: Powers many applications and the free version of ChatGPT.</li> + <li> + <code>GPT-4</code>: More capable model with improved reasoning, creativity, and longer context. + </li> + <li> + <code>GPT-4o</code>: Latest flagship model (as of May 2024) with enhanced multimodality (text, + audio, vision) and speed. + </li> + </ul> + </li> + <li> + <strong>DALL-E Series (e.g., DALL-E 3):</strong> AI system that can create realistic images and art + from a description in natural language. + </li> + <li> + <strong>Sora:</strong> AI model that can create realistic and imaginative video scenes from text + instructions. + </li> + <li><strong>Whisper:</strong> Automatic speech recognition (ASR) model.</li> + </ul> + <h6>Access & Products</h6> + <ul> + <li> + <span class="term">ChatGPT:</span> Conversational AI interface available to the public (free and + paid tiers). + </li> + <li> + <span class="term">OpenAI API:</span> Allows developers to integrate OpenAI's models into their own + applications. + </li> + <li>Partnerships (e.g., with Microsoft to integrate into Azure, Bing, Office).</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-agi" id="card-openai-agi"> + <div class="card-body"> + <h5><i class="bi bi-bullseye"></i> AGI/ASI Goals</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Explicitly aims to build Artificial General Intelligence (AGI) that is safe and beneficial for all + of humanity. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseOpenAIAGI" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseOpenAIAGI"> + <h6>Stated Ambition</h6> + <ul> + <li> + <strong>Core Mission:</strong> The development of AGI is central to OpenAI's charter and long-term + strategy. + </li> + <li> + <strong>Safety Emphasis:</strong> AGI development is coupled with a strong focus on ensuring it + aligns with human values and intentions, and that its power is used responsibly. + </li> + <li> + <strong>Preparedness Framework:</strong> OpenAI has a framework to assess and mitigate potentially + catastrophic risks from future highly capable AI models, including AGI. + </li> + <li> + <strong>Path to AGI:</strong> While not fully detailed publicly, approaches include scaling current + architectures, new research breakthroughs, and continuous safety improvements. + </li> + <li> + <strong>ASI Considerations:</strong> Acknowledges the potential for Artificial Superintelligence + (ASI) beyond AGI and the profound societal implications. + </li> + </ul> + </div> + </div> + </div> + <!-- Add more cards for OpenAI aspects like Safety, Funding, Leadership etc. --> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for OpenAI --> + + <!-- Google DeepMind Section --> + <div class="schema-container cat-deepmind" data-section-id="section-deepmind"> + <h2 class="section-title" id="title-deepmind">Google DeepMind</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-origin" id="card-deepmind-origin"> + <div class="card-body"> + <h5><i class="bi bi-flag-fill"></i> Origin & Founding Vision</h5> + <div class="card-content-wrapper"> + <p class="summary"> + DeepMind founded 2010 to "solve intelligence," acquired by Google 2014. Merged with Google Brain in + 2023 to form Google DeepMind. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseDeepMindOrigin" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseDeepMindOrigin"> + <h6>Key Milestones</h6> + <ul> + <li> + <strong>DeepMind Technologies (2010):</strong> Founded by Demis Hassabis, Shane Legg, and Mustafa + Suleyman with the ambitious goal of "solving intelligence" and using it to make the world a better + place. + </li> + <li> + <strong>Google Acquisition (2014):</strong> Acquired by Google, continuing its research focus with + significant resources. An ethics board was part of the acquisition terms. + </li> + <li> + <strong>Google Brain:</strong> A separate deep learning AI research team at Google, known for + breakthroughs like TensorFlow and Transformers. + </li> + <li> + <strong>Google DeepMind (2023):</strong> Merger of DeepMind and the Google Brain team to consolidate + Google's AI research efforts under Demis Hassabis's leadership. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-philosophy" id="card-deepmind-philosophy"> + <div class="card-body"> + <h5><i class="bi bi-lightbulb-fill"></i> Philosophy & Culture</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Science-led approach to AGI, emphasizing fundamental research, responsible development, and applying + AI to global challenges. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseDeepMindPhilosophy" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseDeepMindPhilosophy"> + <h6>Core Beliefs</h6> + <ul> + <li> + <strong>Solving Intelligence:</strong> A long-term commitment to understanding and building + artificial general intelligence. + </li> + <li> + <strong>Science & Research Driven:</strong> Strong emphasis on publishing research and advancing the + field through scientific discovery. + </li> + <li> + <strong>Positive Impact:</strong> Aiming to use AI to solve major scientific and societal problems + (e.g., protein folding with AlphaFold, fusion energy control). + </li> + <li> + <strong>Responsible Development:</strong> Adherence to Google's AI Principles, with a focus on + safety, ethics, and societal benefit. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-deepmind-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Known for AlphaGo, AlphaFold, and the Gemini family of multimodal models. AI integrated across + Google products. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseDeepMindModels" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseDeepMindModels"> + <h6>Groundbreaking AI Systems</h6> + <ul> + <li><strong>AlphaGo:</strong> First AI to defeat a human professional Go player.</li> + <li> + <strong>AlphaZero:</strong> Generalized AlphaGo, mastering Go, chess, and shogi from self-play. + </li> + <li> + <strong>AlphaFold:</strong> Revolutionized biology by accurately predicting protein structures. + </li> + <li> + <strong>LaMDA (Language Model for Dialogue Applications):</strong> Powered early conversational AI + efforts at Google. + </li> + <li><strong>PaLM (Pathways Language Model):</strong> Series of large language models.</li> + </ul> + <h6>Current Flagship</h6> + <ul> + <li> + <strong>Gemini:</strong> Google DeepMind's most capable multimodal model family (Ultra, Pro, Nano), + designed to understand and operate across text, code, images, audio, and video. + <ul> + <li>Powers features in Google Search, Google Assistant, Google Cloud AI, and Android.</li> + </ul> + </li> + <li><strong>Imagen:</strong> Text-to-image diffusion model.</li> + </ul> + <h6>Integration</h6> + <p> + AI research and models from Google DeepMind are increasingly integrated into Google's core products + and services (Search, Ads, Cloud, Android, Pixel, etc.). + </p> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-agi" id="card-deepmind-agi"> + <div class="card-body"> + <h5><i class="bi bi-bullseye"></i> AGI/ASI Goals</h5> + <div class="card-content-wrapper"> + <p class="summary"> + AGI is a foundational long-term research goal, pursued with a focus on responsible development and + scientific breakthroughs. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseDeepMindAGI" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseDeepMindAGI"> + <h6>Approach to Advanced AI</h6> + <ul> + <li> + <strong>Long-term Aspiration:</strong> "Solving intelligence" inherently points towards AGI as the + ultimate research objective. + </li> + <li> + <strong>Responsible Innovation:</strong> Emphasis on developing AGI in a way that is safe, ethical, + and beneficial to society, guided by Google's AI Principles. + </li> + <li> + <strong>Pathways:</strong> Focus on areas like reinforcement learning, neuroscience-inspired AI, + large-scale modeling, and developing more general and capable systems. + </li> + <li> + <strong>Scientific Application:</strong> Belief that progress towards AGI can unlock solutions to + currently intractable scientific and real-world problems. + </li> + </ul> + </div> + </div> + </div> + <!-- Add more cards for Google DeepMind aspects --> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for Google DeepMind --> + + <!-- Anthropic Section --> + <div class="schema-container cat-anthropic" data-section-id="section-anthropic"> + <h2 class="section-title" id="title-anthropic">Anthropic</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-origin" id="card-anthropic-origin"> + <div class="card-body"> + <h5><i class="bi bi-flag-fill"></i> Origin & Founding Vision</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Founded 2021 by ex-OpenAI researchers. Strong focus on AI safety, aiming for reliable, + interpretable, steerable AI. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseAnthropicOrigin" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseAnthropicOrigin"> + <h6>Key Details</h6> + <ul> + <li> + <strong>Founders:</strong> Dario Amodei (CEO), Daniela Amodei, and others previously at OpenAI. + </li> + <li> + <strong>Motivation:</strong> Desire to prioritize AI safety research and build AI systems that are + helpful, honest, and harmless. + </li> + <li> + <strong>Public Benefit Corporation:</strong> Structured as a PBC to legally enshrine its mission of + responsible AI development alongside profit. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-safety" id="card-anthropic-safety"> + <div class="card-body"> + <h5><i class="bi bi-shield-lock-fill"></i> AI Safety & Constitutional AI</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Pioneered "Constitutional AI" to align models with principles. Strong research focus on safety and + interpretability. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseAnthropicSafety" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseAnthropicSafety"> + <h6>Constitutional AI</h6> + <ul> + <li> + <strong>Concept:</strong> Training AI models using a set of principles (a "constitution") to guide + their behavior, reducing reliance on extensive human labeling for harmful outputs. + </li> + <li> + <strong>Process:</strong> Involves supervised learning on initial responses, then reinforcement + learning where an AI model critiques and revises responses based on the constitution. + </li> + </ul> + <h6>Other Safety Focus Areas</h6> + <ul> + <li>Interpretability: Research to understand how models make decisions.</li> + <li> + Responsible Scaling Policy: Framework for assessing and mitigating risks as models become more + capable. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-anthropic-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Claude family of models (e.g., Claude 3: Opus, Sonnet, Haiku) known for strong performance and + safety features. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseAnthropicModels" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseAnthropicModels"> + <h6>Claude Models</h6> + <ul> + <li> + <strong>Claude 3 Series:</strong> + <ul> + <li><code>Opus</code>: Most capable model, for complex tasks.</li> + <li><code>Sonnet</code>: Balanced performance and speed, for enterprise workloads.</li> + <li><code>Haiku</code>: Fastest and most compact, for near-instant responsiveness.</li> + </ul> + </li> + <li> + <strong>Key Features:</strong> Strong reasoning, long context windows, improved vision capabilities + (in Opus), and designed with safety mechanisms. + </li> + </ul> + <h6>Access</h6> + <p>Available via API and through partners like Amazon Bedrock and Google Cloud Vertex AI.</p> + </div> + </div> + </div> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for Anthropic --> + + <!-- Meta AI Section --> + <div class="schema-container cat-meta" data-section-id="section-meta"> + <h2 class="section-title" id="title-meta">Meta AI (FAIR)</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-opensource" id="card-meta-opensource"> + <!-- Changed type to opensource as it's a key philosophy --> + <div class="card-body"> + <h5><i class="bi bi-unlock-fill"></i> Philosophy & Open Source</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Strong emphasis on open research and collaboration. Leading proponent of open-sourcing powerful AI + models like Llama. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseMetaPhilosophy" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMetaPhilosophy"> + <h6>Core Beliefs</h6> + <ul> + <li> + <strong>Openness for Progress:</strong> Believes open development accelerates innovation, safety, + and broader access. + </li> + <li> + <strong>Community Driven:</strong> Encourages community involvement in improving and evaluating + models. + </li> + <li> + <strong>FAIR (Facebook AI Research):</strong> Long history of foundational AI research and open + publications/code. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-meta-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Llama series (Llama 2, Llama 3) are highly influential open-weight models. Also Segment Anything + Model (SAM). + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseMetaModels" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMetaModels"> + <h6>Key Models</h6> + <ul> + <li> + <strong>Llama Series (e.g., Llama 3):</strong> Family of large language models released with open + weights, enabling broad research and application development. Various sizes available. + </li> + <li> + <strong>Segment Anything Model (SAM):</strong> Foundation model for image segmentation, can identify + objects in images and videos down to the pixel. + </li> + <li> + <strong>SeamlessM4T:</strong> Multilingual and multitask model for speech translation and + transcription. + </li> + </ul> + <h6>Integration</h6> + <p> + AI powers features across Meta's platforms (Facebook, Instagram, WhatsApp, Quest) and is available for + developers/researchers. + </p> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-agi" id="card-meta-agi"> + <div class="card-body"> + <h5><i class="bi bi-bullseye"></i> AGI/ASI Goals</h5> + <div class="card-content-wrapper"> + <p class="summary"> + AGI is a long-term research ambition, with current focus on building human-level intelligence and + open AI ecosystems. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseMetaAGI" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMetaAGI"> + <h6>Approach</h6> + <ul> + <li> + <strong>Building Blocks:</strong> Focus on advancing fundamental AI capabilities like reasoning, + planning, and multimodal understanding. + </li> + <li> + <strong>Yann LeCun's Vision:</strong> Advocates for approaches beyond just auto-regressive LLMs, + exploring ideas like Joint Embedding Predictive Architectures (JEPA) for more robust intelligence. + </li> + <li> + <strong>Openness as a Path:</strong> Believes that an open approach to development will be crucial + for achieving safe and beneficial AGI. + </li> + </ul> + </div> + </div> + </div> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for Meta AI --> + + <!-- Cohere Section --> + <div class="schema-container cat-cohere" data-section-id="section-cohere"> + <h2 class="section-title" id="title-cohere">Cohere</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-philosophy" id="card-cohere-philosophy"> + <div class="card-body"> + <h5><i class="bi bi-building"></i> Philosophy & Enterprise Focus</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Aims to empower enterprises with cutting-edge LLMs, emphasizing data privacy, customization, and + multi-cloud deployment. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseCoherePhilosophy" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseCoherePhilosophy"> + <h6>Core Strategy</h6> + <ul> + <li> + <strong>Enterprise-Grade AI:</strong> Focused on providing LLMs and NLP tools tailored for business + use cases. + </li> + <li> + <strong>Data Privacy & Security:</strong> Offers deployment options that allow enterprises to use + models with their own data securely (e.g., private cloud, VPC). + </li> + <li> + <strong>Model Customization:</strong> Enables fine-tuning models for specific industry or company + needs. + </li> + <li> + <strong>Multi-Cloud Approach:</strong> Aims to make models accessible across various cloud + platforms. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-cohere-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Command (text generation), Rerank (semantic search), Embed (text embeddings). Focus on practical + enterprise applications. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseCohereModels" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseCohereModels"> + <h6>Key Offerings</h6> + <ul> + <li> + <strong>Command Model Family (e.g., Command R, Command R+):</strong> Text generation models + optimized for enterprise tasks like summarization, copywriting, and dialogue. + </li> + <li> + <strong>Rerank:</strong> Improves semantic search quality by re-ranking search results from existing + systems. + </li> + <li> + <strong>Embed:</strong> Generates high-quality text embeddings for tasks like search, clustering, + and classification. + </li> + </ul> + <h6>Platform</h6> + <p> + Accessible via API, with a focus on Retrieval Augmented Generation (RAG) for enterprise knowledge. + </p> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-audience" id="card-cohere-audience"> + <div class="card-body"> + <h5><i class="bi bi-people-fill"></i> Target Audience & Use Cases</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Enterprises, developers, data-sensitive industries. Use cases include advanced search, content + generation, summarization. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseCohereAudience" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseCohereAudience"> + <h6>Primary Users</h6> + <ul> + <li> + <strong>Enterprises:</strong> Businesses looking to integrate advanced NLP capabilities into their + products and workflows. + </li> + <li><strong>Developers:</strong> Building applications that leverage powerful language models.</li> + <li> + <strong>Industries:</strong> Finance, healthcare, retail, and other sectors needing secure and + customizable AI. + </li> + </ul> + <h6>Common Applications</h6> + <ul> + <li>Building sophisticated search and discovery systems.</li> + <li>Automating content creation and summarization.</li> + <li>Developing intelligent chatbots and virtual assistants.</li> + <li>Data analysis and insights generation.</li> + </ul> + </div> + </div> + </div> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for Cohere --> + + <!-- Mistral AI Section --> + <div class="schema-container cat-mistral" data-section-id="section-mistral"> + <h2 class="section-title" id="title-mistral">Mistral AI</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-philosophy" id="card-mistral-philosophy"> + <div class="card-body"> + <h5><i class="bi bi-wind"></i> Philosophy: Open & Efficient</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Paris-based, strong belief in open-weight models for innovation and transparency. Focus on + computational efficiency. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseMistralPhilosophy" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMistralPhilosophy"> + <h6>Core Principles</h6> + <ul> + <li> + <strong>Openness:</strong> Releases many models with open weights (e.g., Apache 2.0 license) to + foster community development and wider access. + </li> + <li> + <strong>Efficiency:</strong> Develops models that are compact and performant, aiming for better + inference speed and lower computational costs. + </li> + <li> + <strong>Pragmatism:</strong> Balances open-source contributions with optimized commercial offerings. + </li> + <li><strong>European Leadership:</strong> Aims to be a leading AI company from Europe.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-mistral-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Mistral 7B, Mixtral 8x7B (MoE). Offers open models and optimized commercial APIs (Small, Medium, + Large). + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseMistralModels" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMistralModels"> + <h6>Open Models</h6> + <ul> + <li> + <strong>Mistral 7B:</strong> Highly efficient and capable small model, popular for its performance + relative to size. + </li> + <li> + <strong>Mixtral 8x7B:</strong> Sparse Mixture-of-Experts (MoE) model, offering strong performance + with efficient inference. + </li> + </ul> + <h6>Commercial Models (La Plateforme)</h6> + <ul> + <li> + <strong>Mistral Small, Mistral Medium, Mistral Large:</strong> Optimized models available via API, + offering varying levels of performance and cost. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-funding" id="card-mistral-funding"> + <div class="card-body"> + <h5><i class="bi bi-cash-coin"></i> Funding & Partnerships</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Rapidly raised significant funding. Key partnerships include Microsoft for model distribution on + Azure. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseMistralFunding" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseMistralFunding"> + <h6>Investment</h6> + <ul> + <li> + Attracted substantial investment quickly after its founding in 2023 from prominent VCs and tech + companies. + </li> + <li> + Investors include Lightspeed Venture Partners, Andreessen Horowitz, Microsoft, Nvidia, Salesforce. + </li> + </ul> + <h6>Strategic Alliances</h6> + <ul> + <li> + <strong>Microsoft:</strong> Partnership to make Mistral's commercial models available on Microsoft + Azure AI platform, expanding their reach. + </li> + </ul> + </div> + </div> + </div> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for Mistral AI --> + + <!-- AI21 Labs Section --> + <div class="schema-container cat-ai21" data-section-id="section-ai21"> + <h2 class="section-title" id="title-ai21">AI21 Labs</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-philosophy" id="card-ai21-philosophy"> + <div class="card-body"> + <h5><i class="bi bi-pencil-fill"></i> Philosophy: Reimagine Read/Write</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Israeli company aiming to reimagine how humans read and write using AI. Focus on context + understanding and reasoning. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseAI21Philosophy" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseAI21Philosophy"> + <h6>Founding Goal</h6> + <ul> + <li> + To build AI systems that deeply understand context and meaning, moving beyond pattern matching to + more robust reasoning. + </li> + <li>Focused on augmenting human capabilities in reading comprehension and text generation.</li> + </ul> + <h6>Approach</h6> + <ul> + <li>Development of proprietary LLMs designed for sophisticated language tasks.</li> + <li>Emphasis on creating AI that can serve as a true partner to humans in text-based work.</li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-models" id="card-ai21-models"> + <div class="card-body"> + <h5><i class="bi bi-boxes"></i> Flagship Models & Products</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Jurassic series of models. Wordtune (AI writing assistant). Jamba (hybrid Transformer/Mamba model). + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseAI21Models" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseAI21Models"> + <h6>Model Families</h6> + <ul> + <li> + <strong>Jurassic Series:</strong> Family of large language models with different sizes and + capabilities. + </li> + <li> + <strong>Jamba:</strong> Innovative model architecture combining Transformer blocks with Mamba (State + Space Model) blocks, aiming for efficiency and a large context window. An open-weights version has + been released. + </li> + </ul> + <h6>Applications</h6> + <ul> + <li> + <strong>Wordtune:</strong> AI-powered writing companion that helps rephrase, summarize, and generate + text. + </li> + <li> + <strong>AI21 Studio:</strong> Developer platform providing API access to their models for building + custom applications. + </li> + </ul> + </div> + </div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card type-differentiators" id="card-ai21-differentiators"> + <div class="card-body"> + <h5><i class="bi bi-gem"></i> Unique Differentiators</h5> + <div class="card-content-wrapper"> + <p class="summary"> + Strong academic roots, focus on reasoning and advanced text understanding, innovative model + architectures like Jamba. + </p> + <button + class="btn btn-sm details-toggle" + type="button" + data-bs-toggle="collapse" + data-bs-target="#collapseAI21Differentiators" + aria-expanded="false" + > + Details <i class="bi bi-chevron-down"></i> + </button> + </div> + </div> + <div class="collapse collapse-content" id="collapseAI21Differentiators"> + <h6>Key Strengths</h6> + <ul> + <li> + <strong>Research Heritage:</strong> Founded by prominent AI researchers (Yoav Shoham, Amnon Shashua, + Ori Goshen). + </li> + <li> + <strong>Focus on Understanding:</strong> Emphasis on models that go beyond surface-level text + generation to deeper contextual understanding and reasoning. + </li> + <li> + <strong>Architectural Innovation:</strong> Willingness to explore and release models with novel + architectures like Jamba (SSM-Transformer hybrid). + </li> + <li> + <strong>Practical Applications:</strong> Development of end-user applications like Wordtune that + showcase their technology. + </li> + </ul> + </div> + </div> + </div> + </div> + <!-- /.row --> + </div> + <!-- /.schema-container for AI21 Labs --> + </div> + <!-- /container --> + + <footer class="container text-center pb-3"> + <p class="mb-2">© 2025 David Veksler</p> + <div> + <a + href="https://www.linkedin.com/in/davidveksler/" + title="David Veksler on LinkedIn" + target="_blank" + rel="noopener noreferrer" + class="mx-2 link-secondary" + > + <i class="bi bi-linkedin"></i> LinkedIn + </a> + <a href="https://cheatsheets.davidveksler.com/" title="Browse All Cheatsheets" class="mx-2 link-secondary"> + <i class="bi bi-collection"></i> All Cheatsheets + </a> + </div> + </footer> + + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> + <script> + // Script from the PostgreSQL template (should work with minor adjustments if needed) + document.addEventListener("DOMContentLoaded", () => { + const mainContainer = document.getElementById("main-container"); + const cards = document.querySelectorAll(".info-card"); + let currentHoverState = { card: null, sectionContainer: null }; + + function clearHoverState(forceClear = false) { + const isMouseStillOverCard = currentHoverState.card && currentHoverState.card.matches(":hover"); + const isMouseStillOverSection = + currentHoverState.sectionContainer && currentHoverState.sectionContainer.matches(":hover"); + + if (forceClear || (!isMouseStillOverCard && !isMouseStillOverSection)) { + mainContainer.classList.remove("is-dimmed"); + if (currentHoverState.card) { + currentHoverState.card.classList.remove("is-highlighted"); + } + if (currentHoverState.sectionContainer) { + currentHoverState.sectionContainer.classList.remove("is-highlighted-section"); + const oldTitle = currentHoverState.sectionContainer.querySelector(".section-title"); + if (oldTitle) oldTitle.style.opacity = ""; // Reset title opacity + } + currentHoverState = { card: null, sectionContainer: null }; + } + } + + function applyHoverState(card) { + if (!card || card === currentHoverState.card) return; + + const newSchemaContainer = card.closest(".schema-container"); + + // If moving to a card in a different section, or no previous section, force clear fully. + if ( + !currentHoverState.sectionContainer || + (newSchemaContainer && newSchemaContainer !== currentHoverState.sectionContainer) + ) { + clearHoverState(true); + } else if (currentHoverState.card) { + // Moving between cards in the same section + currentHoverState.card.classList.remove("is-highlighted"); + } + + // Set new state + currentHoverState.card = card; + currentHoverState.sectionContainer = newSchemaContainer; + + mainContainer.classList.add("is-dimmed"); + card.classList.add("is-highlighted"); + + if (newSchemaContainer) { + newSchemaContainer.classList.add("is-highlighted-section"); + const title = newSchemaContainer.querySelector(".section-title"); + if (title) title.style.opacity = "1"; // Ensure title is fully visible + } + } + + mainContainer.addEventListener("mouseover", (event) => { + const targetCard = event.target.closest(".info-card"); + if (targetCard) { + applyHoverState(targetCard); + } + }); + + mainContainer.addEventListener("mouseout", (event) => { + const leavingCard = event.target.closest(".info-card"); + const enteringCard = event.relatedTarget?.closest(".info-card"); + const enteringSection = event.relatedTarget?.closest(".schema-container"); + + if (leavingCard && !enteringCard) { + // Mouse left a card and didn't enter another card + setTimeout(() => { + const isStillOverHighlightedCard = mainContainer.querySelector(".info-card.is-highlighted:hover"); + const isStillOverHighlightedSection = mainContainer.querySelector( + ".schema-container.is-highlighted-section:hover" + ); + + if (!isStillOverHighlightedCard && !isStillOverHighlightedSection) { + clearHoverState(false); + } + }, 50); + } else if (!mainContainer.contains(event.relatedTarget)) { + // Mouse left the main container entirely + clearHoverState(true); + } + }); + + const collapseToggles = document.querySelectorAll(".details-toggle"); + collapseToggles.forEach((button) => { + const targetId = button.getAttribute("data-bs-target"); + const targetSelector = targetId.startsWith("#") ? targetId : `#${targetId}`; + try { + const targetCollapse = document.querySelector(targetSelector); + const icon = button.querySelector(".bi"); + + if (targetCollapse && icon) { + if (targetCollapse.classList.contains("show")) { + icon.classList.remove("bi-chevron-down"); + icon.classList.add("bi-chevron-up"); + } else { + icon.classList.remove("bi-chevron-up"); + icon.classList.add("bi-chevron-down"); + } + targetCollapse.addEventListener("show.bs.collapse", () => { + icon.classList.remove("bi-chevron-down"); + icon.classList.add("bi-chevron-up"); + }); + targetCollapse.addEventListener("hide.bs.collapse", () => { + icon.classList.remove("bi-chevron-up"); + icon.classList.add("bi-chevron-down"); + }); + } + } catch (e) { + console.error(`Error processing toggle for target ${targetSelector}: ${e}`); + } + }); + }); + </script> + </body> +</html>