<h2>Overview</h2>
<p>The product analysis focuses on the documentation of a software tool, which includes examples of different chart types for supported frameworks. The documentation also provides details on the changelog, bug reporting, contributing guidelines, versioning, core team, contributors, and code of conduct.</p>
<h2>Features</h2>
<ul>
<li><strong>StackBlitz examples</strong>: Demonstrations of each chart type for supported frameworks.</li>
<li><strong>Changelog</strong>: Record of release change logs.</li>
<li><strong>Bug Reporting</strong>: Guidelines for reporting bugs and requesting features.</li>
<li><strong>Contributing Guidelines</strong>: Instructions for opening issues, coding guidelines, and submitting pull requests.</li>
<li><strong>Versioning</strong>: Usage of semantic-release library for automatic versioning.</li>
<li><strong>Core Team and Contributors</strong>: Information on previous core members and contributors.</li>
<li><strong>Code of Conduct</strong>: Guidelines regarding behavior and participation.</li>
</ul>


<h2>Overview</h2>
<p>The document provides instructions for getting started with the carbon-components-angular project. It includes information on the installation process and compatibility with different Angular versions.</p>
<h2>Features</h2>
<ul>
<li>Offline usage: The document explains how to set the <code>$font-path</code> in the <code>src/styles.scss</code> file to copy fonts to the <code>dist</code> folder for offline usage.</li>
<li>Assets folder: If desired, users can copy fonts from the <code>node_modules/carbon-components/src/globals/fonts</code> directory to the app's <code>src/assets/fonts</code> folder for organizing fonts separately from the <code>dist</code> folder.</li>
<li>Compatibility matrix: The document includes a matrix that lists the supported versions of Angular and Carbon Components Angular, indicating community support and active support for each version.</li>
</ul>


<h2>Overview:</h2>
<p>Carbon Components Svelte is a Svelte component library created by IBM that implements the Carbon Design System. This open source design system is designed to facilitate design and development through reuse, consistency, and extensibility. Along with carbon-components-svelte, the Carbon Svelte portfolio also includes Carbon Icons Svelte, Carbon Pictograms Svelte, Carbon Charts Svelte, and Carbon Preprocess Svelte.</p>
<h2>Features:</h2>
<ul>
<li>Carbon Components Svelte: A component library that implements the Carbon Design System.</li>
<li>Carbon Icons Svelte: 2,000+ Carbon icons as Svelte components.</li>
<li>Carbon Pictograms Svelte: 1,000+ Carbon pictograms as Svelte components.</li>
<li>Carbon Charts Svelte: 20+ charts powered by d3.</li>
<li>Carbon Preprocess Svelte: Collection of Svelte preprocessors for Carbon.</li>
</ul>
<h2>Summary:</h2>
<p>Carbon Components Svelte is a Svelte component library that implements the Carbon Design System. It is part of the Carbon Svelte portfolio, which includes additional libraries for icons, pictograms, charts, and preprocessors. By using Carbon Components Svelte, developers can easily create web applications with a consistent and visually appealing design.</p>


<h2>Overview:</h2>
<p>The @carbon/vue-3 is a Vue implementation of the Carbon Design System, offering a collection of reusable Vue components to build websites and user interfaces with consistent markup, styles, and behavior. It is a community project that encourages contributions for maintenance and growth.</p>
<h2>Features:</h2>
<ul>
<li><strong>Collection of Carbon Components</strong>: Implement Carbon Design System components using Vue.js.</li>
<li><strong>Reusable Vue Components</strong>: Provides front-end developers with reusable Vue components for website and UI development.</li>
<li><strong>Consistent Markup and Behavior</strong>: Ensures consistency in markup, styles, and behavior for prototype and production work.</li>
<li><strong>Support for Vue 3</strong>: Updated components for Vue 3 with maintained support for Vue 2 until December 31, 2023.</li>
<li><strong>Accessibility Focus</strong>: Emphasizes the need for improvements in accessibility for Vue 3 components.</li>
<li><strong>Community Contributions</strong>: Welcomes and encourages community contributions for the project's maintenance and growth.</li>
<li><strong>Component Implementation Guidelines</strong>: Provides guidelines for implementing components using single file components and the Vue composition API.</li>
<li><strong>Build and Publish Process</strong>: Outlines the steps for building, publishing, and testing components through npm registry.</li>
</ul>


<h2>Overview</h2>
<p>The carbon-icons-svelte is an icon library that builds Carbon Design System SVG icons as Svelte components. It can be used in conjunction with carbon-components-svelte or on its own. This library provides developers with a set of customizable icons that can be easily integrated into Svelte applications.</p>
<h2>Features</h2>
<ul>
<li>Carbon Design System SVG icons as Svelte components</li>
<li>Can be used with or without carbon-components-svelte</li>
<li>Customizable icon size</li>
<li>Supports a range of icon sizes including 16, 20, 24, and 32</li>
<li>Forwarding of custom props to the svg element</li>
<li>Optional labeling of icons</li>
</ul>
<h2>Usage</h2>
<p>To use the carbon-icons-svelte library, follow these steps:</p>


<h2>Overview</h2>
<p>The <code>carbon-pictograms-svelte</code> library is a zero dependency library that builds Carbon Design System SVG pictograms as Svelte components. It can be used standalone or paired with <code>carbon-components-svelte</code>. This library allows for easy integration of Carbon Design System pictograms in Svelte projects.</p>
<h2>Features</h2>
<ul>
<li>Zero dependency library</li>
<li>Builds Carbon Design System SVG pictograms as Svelte components</li>
<li>Can be used standalone or paired with <code>carbon-components-svelte</code></li>
<li>Supports TypeScript with Svelte version 3.31 or greater</li>
</ul>
<h2>Summary</h2>


<h2>Overview:</h2>
<p>This repository has been moved and Carbon Web Components is now part of the Carbon for IBM.com monorepo. It will continue to have full official support by that team. The upcoming release in January 2023 will include major upgrades such as upgrading to Carbon v11, Lit v2, and Typescript v4. The goal is to bring Carbon Web Components v2 to feature parity with Carbon React throughout 2023.</p>
<p>Carbon Web Components is an open-source design system built by IBM. It is a variant of the Carbon Design System with Custom Elements v1 and Shadow DOM v1 specs. It aims to be as easy to use as native HTML elements, without any framework tax or silo.</p>
<h2>Features:</h2>
<ul>
<li>Upgrade to Carbon v11</li>
<li>Upgrade to Lit v2</li>
<li>Upgrade to Typescript v4</li>
<li>Major version release for Carbon Web Components v2</li>
<li>Feature parity with Carbon React</li>
<li>Custom Elements v1 and Shadow DOM v1 specs</li>
<li>CDN availability for easy installation</li>
<li>Support for Angular, React, and Vue JavaScript frameworks</li>
</ul>


<h2>Overview:</h2>
<p>The Carbon Design System is a website built using the gatsby-theme-carbon with GatsbyJS. It provides guidelines and resources for developers to contribute, develop, and follow content and navigation guidelines on the website. The documentation also includes commands for installation and build processes.</p>
<h2>Features:</h2>
<ul>
<li><strong>Structured Content:</strong> Guidelines for maintaining structured content on the website.</li>
<li><strong>Development Guidelines:</strong> Instructions for developers to contribute and develop on the website.</li>
<li><strong>Navigation Guidelines:</strong> Guidelines for maintaining a coherent navigation system.</li>
<li><strong>Installation Commands:</strong> Commands for installing dependencies and starting the development server.</li>
<li><strong>Build Process:</strong> Information on the process to generate and place files in the public folder.</li>
</ul>


<h2>Overview</h2>
<p>The Gatsby Carbon theme is a project maintained by community contributions. The original contributor, Carbon Design System, is no longer involved in maintaining this project. With the Gatsby Carbon theme, users can easily create a beautiful website inspired by the Carbon Design System.</p>
<h2>Features</h2>
<ul>
<li>All-inclusive configuration for building a stunning website</li>
<li>Inspired by the Carbon Design System</li>
<li>Community-maintained project</li>
<li>Easy to integrate with Gatsby</li>
<li>Customizable design elements</li>
<li>Responsive layout for optimal viewing on all devices</li>
</ul>


<h1>Overview</h1>
<p>Carbon for IBM Products is an open source implementation of the closed source IBM Software pattern asset library. It builds on the foundation of IBM's open source Carbon Design System and React implementation to offer components and patterns beyond the typical component library. It was previously known as Carbon for Cloud and Cognitive.</p>
<h1>Features</h1>
<ul>
<li>A curated set of components and patterns designed by the Carbon for IBM Products team</li>
<li>Legacy and non-curated design implementations used in application integration (v1 only)</li>
<li>Legacy and non-curated design implementations used in security (v1 only)</li>
<li>Storybook addon enabling Carbon theme switching</li>
</ul>
<h1>Installation</h1>
<p>To install the Carbon for IBM Products theme, follow these steps:</p>
<ol>
<li>Install the necessary packages from npm:</li>
</ol>
<pre><code>npm install @carbon/ibm-products
</code></pre>
<ol start="2">
<li>Import the components into your project:</li>
</ol>
<pre><code></code></pre>


<h2>Overview</h2>
<p>Carbon for IBM Security is an open-source React component library built by IBM Security. It is based on the Carbon Design System and IBM Design Language. The library consists of working code and resources that are maintained by a vibrant community of contributors. Carbon for IBM Security is licensed under the Apache License, Version 2.0.</p>
<h2>Features</h2>
<ul>
<li><strong>Carbon components</strong>: Provides Carbon component styles.</li>
<li><strong>Carbon components React</strong>: Includes Carbon React components.</li>
<li><strong>@carbon/colors</strong>: Enables working with IBM Design Language colors.</li>
<li><strong>@carbon/grid</strong>: Facilitates building layouts using the grid system.</li>
<li><strong>@carbon/icons-react</strong>: Provides iconography assets.</li>
<li><strong>@carbon/layout</strong>: Offers layout-based units and spacing scale.</li>
<li><strong>@carbon/type</strong>: Includes type tokens used alongside IBM Plex.</li>
</ul>


<h2>Overview:</h2>
<p>sveld is a documentation generator for Svelte components that generates TypeScript definitions by statically analyzing their props, events, slots, and more. It allows for the generation of component documentation in Markdown and JSON output formats. The main purpose of this project is to make third-party Svelte component libraries compatible with the Svelte Language Server and TypeScript with minimal effort required by the author. It enables the use of TypeScript definitions for intelligent code completion in Integrated Development Environments (IDE) like VSCode. sveld is used by Carbon Components Svelte to auto-generate component types and API metadata.</p>
<h2>Features:</h2>
<ul>
<li>Generate TypeScript definitions for Svelte components</li>
<li>Statically analyze props, events, slots, and more</li>
<li>Define prop types and signatures using JSDoc notation</li>
<li>Emit component documentation in Markdown and JSON output formats</li>
</ul>


Carbon Design System

Carbon Charts

Carbon Components Angular

Carbon Components Svelte

Carbon Components Vue

Carbon Icons Svelte

Carbon Pictograms Svelte

Carbon Web Components

Carbon Website

Gatsby Theme Carbon

Ibm Products

Ibm Security

Sveld