<!-- # hard line break macro for HTML -->

# FiftyOne Concepts

Each section in this guide provides an example-centric deep dive into a core
concept of FiftyOne, with the goal of getting you up-and-running with FiftyOne
on your data quickly and easily.

<!-- Callout items -------------------------------------------------------------- --><div class="tutorials-callout-container">
    <div class="row">
<!-- Add callout items below this line -->

<div class="col-md-6">
    <div class="text-container">
        <h3>FiftyOne basics</h3>
        <p class="body-paragraph">Get up to speed with a quick overview of FiftyOne's basic concepts.</p>
        <a href="basics.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn the basics</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Importing data</h3>
        <p class="body-paragraph">Load data into FiftyOne using standard formats, custom formats, or the Dataset Zoo.</p>
        <a href="import_datasets.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about importing data</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Using datasets</h3>
        <p class="body-paragraph">Take a deep dive into FiftyOne datasets and how to use them to manage your data.</p>
        <a href="using_datasets.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about using datasets</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Using the App</h3>
        <p class="body-paragraph">Visualize your datasets in the FiftyOne App and interactively search, sort, and filter them.</p>
        <a href="app.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about the App</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Dataset views</h3>
        <p class="body-paragraph">Use FiftyOne's powerful dataset view interface to search, sort, and filter your data.</p>
        <a href="using_views.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about using dataset views</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Grouped datasets</h3>
        <p class="body-paragraph">Use grouped datasets to represent your multiview image, video, and point cloud data.</p>
        <a href="groups.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about grouped datasets</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>FiftyOne Multimodal \_\_SUB_NEW_\_</h3>
        <p class="body-paragraph">Visualize, play back, and index time-synchronized multimodal sensor data stored in MCAP files.</p>
        <a href="multimodal.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about multimodal support</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Annotating datasets \_\_SUB_NEW_\_</h3>
        <p class="body-paragraph">Use builtin or custom integrations to add or edit labels on your FiftyOne datasets.</p>
        <a href="annotation.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about annotations</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Evaluating models  \_\_SUB_NEW_\_</h3>
        <p class="body-paragraph">Use FiftyOne's builtin methods to evaluate your models and analyze their strengths and weaknesses.</p>
        <a href="evaluation/index.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about evaluating models</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Using aggregations</h3>
        <p class="body-paragraph">Efficiently compute aggregate statistics about your FiftyOne datasets and views.</p>
        <a href="using_aggregations.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about using aggregations</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Interactive plots</h3>
        <p class="body-paragraph">Use FiftyOne's powerful interactive plotting features to uncover patterns and improve your data.</p>
        <a href="plots.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Dive into interactive plotting</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Exporting datasets</h3>
        <p class="body-paragraph">Export datasets to disk in any number of common formats, or in your own custom format.</p>
        <a href="export_datasets.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about exporting datasets</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Drawing labels on samples</h3>
        <p class="body-paragraph">Render labels on the samples in your FiftyOne dataset with a single line of code.</p>
        <a href="draw_labels.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn more about drawing labels</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Using sample parsers</h3>
        <p class="body-paragraph">Use sample parsers to add samples to your FiftyOne dataset from a stream of in-memory data.</p>
        <a href="sample_parsers.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn how to use sample parsers</div>
        </a>
        
    </div>
</div>

<div class="col-md-6">
    <div class="text-container">
        <h3>Configuring FiftyOne</h3>
        <p class="body-paragraph">Customize the default behavior of the FiftyOne library to suit your needs.</p>
        <a href="config.html" class="sd-btn sd-btn-primary book-a-demo" rel="noopener noreferrer" data-cta-dynamic="true">
            <div class="arrow">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="size-3">
                <path stroke="currentColor" stroke-width="1.5"
                        d="M1.458 11.995h20.125M11.52 22.063 21.584 12 11.521 1.937"
                        vector-effect="non-scaling-stroke"></path>
                </svg>  
            </div>
            <div class="text">Learn how to configure FiftyOne</div>
        </a>
        
    </div>
</div>

<!-- End callouts --------------------------------------------------------------- -->    </div>
</div>
<!-- End of callout items ------------------------------------------------------- -->
