Delen via


Notebookvisualisatie in Microsoft Fabric

Microsoft Fabric is een geïntegreerde analyseservice waarmee u sneller inzicht krijgt in datawarehouses en big data-analysesystemen. Gegevensvisualisatie in notebooks is een belangrijk onderdeel waarmee u inzicht kunt krijgen in uw gegevens. Het helpt grote en kleine gegevens gemakkelijker te begrijpen voor mensen. Het maakt het ook gemakkelijker om patronen, trends en uitbijters in groepen gegevens te detecteren.

Wanneer u Apache Spark in Fabric gebruikt, zijn er verschillende ingebouwde opties voor het visualiseren van uw gegevens, waaronder grafiekopties voor fabric-notebooks en toegang tot populaire opensource-bibliotheken.

Wanneer u een Fabric-notebook gebruikt, kunt u de weergave met tabellaire resultaten omzetten in een aangepaste grafiek met behulp van grafiekopties. Hier kunt u uw gegevens visualiseren zonder dat u code hoeft te schrijven.

Ingebouwde visualisatieopdracht - display() functie

Met de ingebouwde infrastructuurvisualisatiefunctie kunt u Apache Spark DataFrames, Pandas DataFrames en SQL-queryresultaten omzetten in gegevensvisualisaties met uitgebreide indeling.

U kunt de weergavefunctie gebruiken op dataframes die zijn gemaakt in PySpark en Scala op Spark DataFrames of RDD-functies (Resilient Distributed Datasets) om de uitgebreide dataframetabelweergave en grafiekweergave te produceren.

U kunt het aantal rijen opgeven van het gegevensframe dat wordt weergegeven. De standaardwaarde is 1000, de uitvoerwidget Notebook geeft ondersteuning voor het weergeven en profilen van maximaal 10000 rijen van een dataframe.

Schermopname van een voorbeeld van het opgeven van het bereik.

U kunt de filterfunctie op de globale werkbalk gebruiken om de gegevens die worden toegewezen met uw aangepaste regel efficiënt te filteren, de voorwaarde wordt toegepast op de opgegeven kolom en het filterresultaat wordt weergegeven in zowel de tabelweergave als de grafiekweergave.

Schermopname van een voorbeeld van het aanpassen van kolommen.

De uitvoer van de SQL-instructie gebruikt standaard dezelfde uitvoerwidget met display().

Uitgebreide tabelweergave voor gegevensframes

GIF-animatie van uitgebreide preview van dataframe.

  1. De tabelweergave wordt standaard weergegeven wanneer u de opdracht display() gebruikt.
  2. U kunt uw dataframe profileren door op de knop Controleren te klikken. Het biedt de samengevatte gegevensdistributie en geeft statistieken van elke kolom weer.
  3. Elke kaart in het zijvenster Inspecteren wordt toegewezen aan een kolom van het gegevensframe. U kunt meer details bekijken door op de kaart te klikken of een kolom in de tabel te selecteren.
  4. U kunt de celdetails bekijken door op de cel van de tabel te klikken. Dit is handig wanneer het dataframe lange tekenreekstype inhoud bevat.

Nieuwe uitgebreide grafiekweergave voor gegevensframes

Notitie

Momenteel is de functie beschikbaar als preview-versie.

De verbeterde grafiekweergave is beschikbaar in de opdracht display(). Het biedt een intuïtievere en krachtige ervaring voor het visualiseren van uw gegevens door gebruik te maken van de opdracht display().

  1. U kunt nu maximaal 5 grafieken toevoegen in één display() uitvoerwidget door op Nieuw diagram te klikken, zodat u meerdere grafieken kunt maken op basis van verschillende kolommen en grafieken eenvoudig kunt vergelijken.

  2. U kunt een lijst met grafiekaankopen ophalen op basis van het doeldataframe bij het maken van nieuwe grafieken. U kunt ervoor kiezen om een aanbevolen grafiek te bewerken of uw eigen grafiek helemaal zelf te maken.

    GIF-animatie van voorgestelde grafieken.

  3. U kunt uw visualisatie nu aanpassen door de volgende instellingen op te geven. Houd er rekening mee dat de instellingsopties kunnen worden gewijzigd op basis van het geselecteerde grafiektype:

    Categorie Basisinstellingen Beschrijving
    Grafiektype De weergavefunctie ondersteunt een breed scala aan grafiektypen, waaronder staafdiagrammen, spreidingsdiagrammen, lijndiagrammen, draaitabel en meer.
    Titel Titel De titel van de grafiek.
    Titel Subtitle De ondertitel van de grafiek met meer beschrijvingen.
    Gegevens X-axis Geef de sleutel van de grafiek op.
    Gegevens Y-as Geef de waarden van de grafiek op.
    Legenda Legenda weergeven Schakel de legenda in of uit.
    Legenda Position Pas de positie van de legenda aan.
    Overige Reeksgroep Gebruik deze configuratie om de groepen voor de aggregatie te bepalen.
    Overige Statistische functie Gebruik deze methode om gegevens in uw visualisatie samen te voegen.
    Overige Gestapeld Configureer de weergavestijl van het resultaat.

    Notitie

    Standaard neemt de functie display(df) alleen de eerste 1000 rijen van de gegevens om de grafieken weer te geven. Selecteer Aggregatie voor alle resultaten en selecteer Vervolgens Toepassen om de grafiekgeneratie uit het hele dataframe toe te passen. Er wordt een Spark-taak geactiveerd wanneer de grafiekinstelling wordt gewijzigd. Houd er rekening mee dat het enkele minuten kan duren om de berekening te voltooien en de grafiek weer te geven.

    Categorie Geavanceerde instellingen Beschrijving
    Color Thema Definieer de themakleurset van de grafiek.
    X-axis Label Geef een label op voor de X-asis.
    X-axis Schaal wijzigen Geef de schaalfunctie van de X-as op.
    X-axis Bereik Geef het waardebereik X-as op.
    Y-as Label Geef een label op voor de Y-asis.
    Y-as Schaal wijzigen Geef de schaalfunctie van de Y-as op.
    Y-as Bereik Geef het waardebereik Y-as op.
    Weergeven Labels weergeven De resultaatlabels in de grafiek weergeven/verbergen.

    De wijzigingen van configuraties worden onmiddellijk van kracht en alle configuraties worden automatisch opgeslagen in de inhoud van het notitieblok.

    Schermopname van een voorbeeld van het configureren van grafieken.

  4. U kunt grafieken eenvoudig hernoemen, dupliceren of verwijderen in het menu van het tabblad Grafiek.

    Schermopname van een voorbeeld van organigrammen.

  5. Er is een interactieve werkbalk beschikbaar in de nieuwe grafiekervaring. Deze wordt weergegeven terwijl u de muisaanwijzer op een grafiek houdt. Ondersteuningsbewerkingen zoals inzoomen, uitzoomen, uitzoomen, in- en uitzoomen selecteren, opnieuw instellen, pannen, enzovoort.

    Schermopname van een voorbeeld van de grafiekwerkbalk.

Verouderde grafiekweergave

Notitie

De verouderde grafiekweergave wordt afgeschaft nadat de nieuwe grafiekweergave is voltooid.

GIF-animatie van grafiekweergave.

  1. U kunt teruggaan naar de verouderde grafiekweergave door 'Nieuwe visualisatie' in te schakelen. De nieuwe ervaring is standaard ingeschakeld.

    Schermopname van een voorbeeld van een wisselknop voor nieuwe visualisatie.

  2. Zodra u een gerenderde tabelweergave hebt, schakelt u over naar de grafiekweergave .

  3. Fabric Notebook raadt automatisch grafieken aan op basis van het doeldataframe om de grafiek zinvol te maken met gegevensinzichten.

  4. U kunt uw visualisatie nu aanpassen door de volgende waarden op te geven:

    Configuratie Beschrijving
    Grafiektype De weergavefunctie ondersteunt een breed scala aan grafiektypen, waaronder staafdiagrammen, spreidingsdiagrammen, lijndiagrammen en meer.
    Sleutel Geef het waardenbereik voor de x-as op.
    Weergegeven als Geef het waardenbereik op voor de waarden van de y-as.
    Reeksgroep Gebruik deze configuratie om de groepen voor de aggregatie te bepalen.
    Statistische functie Gebruik deze methode om gegevens in uw visualisatie samen te voegen.

    De configuraties worden automatisch opgeslagen in de uitvoerinhoud van het notebook.

    Notitie

    Standaard neemt de functie display(df) alleen de eerste 1000 rijen van de gegevens om de grafieken weer te geven. Selecteer Aggregatie voor alle resultaten en selecteer Vervolgens Toepassen om de grafiekgeneratie uit het hele dataframe toe te passen. Er wordt een Spark-taak geactiveerd wanneer de grafiekinstelling wordt gewijzigd. Houd er rekening mee dat het enkele minuten kan duren om de berekening te voltooien en de grafiek weer te geven.

  5. Wanneer de taak is voltooid, kunt u de uiteindelijke visualisatie bekijken en ermee werken.

weergave display() samenvatting

Gebruik display(df, summary = true) om de statistiekensamenvatting van een gegeven Apache Spark DataFrame te controleren. De samenvatting bevat de kolomnaam, het kolomtype, de unieke waarden en ontbrekende waarden voor elke kolom. U kunt ook een specifieke kolom selecteren om de minimumwaarde, maximumwaarde, gemiddelde waarde en standaarddeviatie te bekijken.

GIF-animatie van samenvattingsweergave.

optie displayHTML()

Fabric-notebooks ondersteunen HTML-afbeeldingen met behulp van de displayHTML-functie .

De volgende afbeelding is een voorbeeld van het maken van visualisaties met behulp van D3.js.

Schermopname van een voorbeeld van een grafiek die is gemaakt met D3.js.

Voer de volgende code uit om deze visualisatie te maken.

displayHTML("""<!DOCTYPE html>
<meta charset="utf-8">

<!-- Load d3.js -->
<script src="https://d3js.org/d3.v4.js"></script>

<!-- Create a div where the graph will take place -->
<div id="my_dataviz"></div>
<script>

// set the dimensions and margins of the graph
var margin = {top: 10, right: 30, bottom: 30, left: 40},
  width = 400 - margin.left - margin.right,
  height = 400 - margin.top - margin.bottom;

// append the svg object to the body of the page
var svg = d3.select("#my_dataviz")
.append("svg")
  .attr("width", width + margin.left + margin.right)
  .attr("height", height + margin.top + margin.bottom)
.append("g")
  .attr("transform",
        "translate(" + margin.left + "," + margin.top + ")");

// Create Data
var data = [12,19,11,13,12,22,13,4,15,16,18,19,20,12,11,9]

// Compute summary statistics used for the box:
var data_sorted = data.sort(d3.ascending)
var q1 = d3.quantile(data_sorted, .25)
var median = d3.quantile(data_sorted, .5)
var q3 = d3.quantile(data_sorted, .75)
var interQuantileRange = q3 - q1
var min = q1 - 1.5 * interQuantileRange
var max = q1 + 1.5 * interQuantileRange

// Show the Y scale
var y = d3.scaleLinear()
  .domain([0,24])
  .range([height, 0]);
svg.call(d3.axisLeft(y))

// a few features for the box
var center = 200
var width = 100

// Show the main vertical line
svg
.append("line")
  .attr("x1", center)
  .attr("x2", center)
  .attr("y1", y(min) )
  .attr("y2", y(max) )
  .attr("stroke", "black")

// Show the box
svg
.append("rect")
  .attr("x", center - width/2)
  .attr("y", y(q3) )
  .attr("height", (y(q1)-y(q3)) )
  .attr("width", width )
  .attr("stroke", "black")
  .style("fill", "#69b3a2")

// show median, min and max horizontal lines
svg
.selectAll("toto")
.data([min, median, max])
.enter()
.append("line")
  .attr("x1", center-width/2)
  .attr("x2", center+width/2)
  .attr("y1", function(d){ return(y(d))} )
  .attr("y2", function(d){ return(y(d))} )
  .attr("stroke", "black")
</script>

"""
)

Een Power BI-rapport insluiten in een notebook

Belangrijk

Deze functie is momenteel beschikbaar als PREVIEW-versie. Deze informatie heeft betrekking op een prereleaseproduct dat aanzienlijk kan worden gewijzigd voordat het wordt vrijgegeven. Microsoft geeft geen garanties, uitgedrukt of impliciet, met betrekking tot de informatie die hier wordt verstrekt.

Het Python-pakket powerbiclient wordt nu systeemeigen ondersteund in Fabric-notebooks. U hoeft geen extra instellingen (zoals verificatieproces) uit te voeren in De Spark Runtime 3.4 van het Fabric-notebook. Importeer powerbiclient en ga vervolgens verder met uw verkenning. Zie de powerbiclient-documentatie voor meer informatie over het gebruik van het powerbiclient-pakket.

Powerbiclient ondersteunt de volgende belangrijke functies.

Een bestaand Power BI-rapport weergeven

U kunt eenvoudig Power BI-rapporten insluiten en ermee werken in uw notebooks met slechts een paar regels code.

De volgende afbeelding is een voorbeeld van het weergeven van een bestaand Power BI-rapport.

Schermopname van een Spark-visual voor het weergeven van een Power BI-rapport.

Voer de volgende code uit om een bestaand Power BI-rapport weer te geven.

from powerbiclient import Report

report_id="Your report id"
report = Report(group_id=None, report_id=report_id)

report

Rapportvisuals maken vanuit een Spark DataFrame

U kunt een Spark DataFrame in uw notebook gebruiken om snel inzichtelijke visualisaties te genereren. U kunt ook Opslaan selecteren in het ingesloten rapport om een rapportitem te maken in een doelwerkruimte.

De volgende afbeelding is een voorbeeld van een QuickVisualize() Spark DataFrame.

Schermopname van een Power BI-rapport vanuit een dataframe.

Voer de volgende code uit om een rapport weer te geven vanuit een Spark DataFrame.

# Create a spark dataframe from a Lakehouse parquet table
sdf = spark.sql("SELECT * FROM testlakehouse.table LIMIT 1000")

# Create a Power BI report object from spark data frame
from powerbiclient import QuickVisualize, get_dataset_config
PBI_visualize = QuickVisualize(get_dataset_config(sdf))

# Render new report
PBI_visualize

Rapportvisuals maken op basis van een Pandas DataFrame

U kunt ook rapporten maken op basis van een Pandas DataFrame in notebook.

De volgende afbeelding is een voorbeeld van een QuickVisualize() pandas DataFrame.

Schermopname van een rapport van pandas-dataframe.

Voer de volgende code uit om een rapport weer te geven vanuit een Spark DataFrame.

import pandas as pd

# Create a pandas dataframe from a URL
df = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/fips-unemp-16.csv")

# Create a pandas dataframe from a Lakehouse csv file
from powerbiclient import QuickVisualize, get_dataset_config

# Create a Power BI report object from your data
PBI_visualize = QuickVisualize(get_dataset_config(df))

# Render new report
PBI_visualize

Als het gaat om gegevensvisualisatie, biedt Python meerdere grafiekbibliotheken die zijn voorzien van veel verschillende functies. Standaard bevat elke Apache Spark-pool in Fabric een set gecureerde en populaire opensource-bibliotheken.

Matplotlib

U kunt standaardplotbibliotheken, zoals Matplotlib, weergeven met behulp van de ingebouwde renderingfuncties voor elke bibliotheek.

De volgende afbeelding is een voorbeeld van het maken van een staafdiagram met matplotlib.

Schermopname van een lijndiagram dat is gemaakt met Matplotlib.

Schermopname van een staafdiagram dat is gemaakt met Matplotlib.

Voer de volgende voorbeeldcode uit om dit staafdiagram te tekenen.

# Bar chart

import matplotlib.pyplot as plt

x1 = [1, 3, 4, 5, 6, 7, 9]
y1 = [4, 7, 2, 4, 7, 8, 3]

x2 = [2, 4, 6, 8, 10]
y2 = [5, 6, 2, 6, 2]

plt.bar(x1, y1, label="Blue Bar", color='b')
plt.bar(x2, y2, label="Green Bar", color='g')
plt.plot()

plt.xlabel("bar number")
plt.ylabel("bar height")
plt.title("Bar Chart Example")
plt.legend()
plt.show()

Bokeh

U kunt HTML- of interactieve bibliotheken, zoals office, weergeven met behulp van de displayHTML(df).

In de volgende afbeelding ziet u een voorbeeld van het tekenen van glyphs over een kaart met behulp van een failover.

Schermopname van een voorbeeld van het tekenen van glyphs over een kaart.

Voer de volgende voorbeeldcode uit om deze afbeelding te tekenen.

from bokeh.plotting import figure, output_file
from bokeh.tile_providers import get_provider, Vendors
from bokeh.embed import file_html
from bokeh.resources import CDN
from bokeh.models import ColumnDataSource

tile_provider = get_provider(Vendors.CARTODBPOSITRON)

# range bounds supplied in web mercator coordinates
p = figure(x_range=(-9000000,-8000000), y_range=(4000000,5000000),
           x_axis_type="mercator", y_axis_type="mercator")
p.add_tile(tile_provider)

# plot datapoints on the map
source = ColumnDataSource(
    data=dict(x=[ -8800000, -8500000 , -8800000],
              y=[4200000, 4500000, 4900000])
)

p.circle(x="x", y="y", size=15, fill_color="blue", fill_alpha=0.8, source=source)

# create an html document that embeds the Bokeh plot
html = file_html(p, CDN, "my plot1")

# display this html
displayHTML(html)

Plotly

U kunt HTML- of interactieve bibliotheken, zoals Plotly, weergeven met behulp van de displayHTML().

Voer de volgende voorbeeldcode uit om deze afbeelding te tekenen.

Schermopname van een kaart van de Verenigde Staten gemaakt met plotly.

from urllib.request import urlopen
import json
with urlopen('https://raw.githubusercontent.com/plotly/datasets/master/geojson-counties-fips.json') as response:
    counties = json.load(response)

import pandas as pd
df = pd.read_csv("https://raw.githubusercontent.com/plotly/datasets/master/fips-unemp-16.csv",
                   dtype={"fips": str})

import plotly
import plotly.express as px

fig = px.choropleth(df, geojson=counties, locations='fips', color='unemp',
                           color_continuous_scale="Viridis",
                           range_color=(0, 12),
                           scope="usa",
                           labels={'unemp':'unemployment rate'}
                          )
fig.update_layout(margin={"r":0,"t":0,"l":0,"b":0})

# create an html document that embeds the Plotly plot
h = plotly.offline.plot(fig, output_type='div')

# display this html
displayHTML(h)

Pandas

U kunt HTML-uitvoer van pandas DataFrames weergeven als de standaarduitvoer. In fabric-notitieblokken wordt automatisch de vormgegeven HTML-inhoud weergegeven.

Schermopname van een tabel die is gemaakt met pandas.

import pandas as pd 
import numpy as np 

df = pd.DataFrame([[38.0, 2.0, 18.0, 22.0, 21, np.nan],[19, 439, 6, 452, 226,232]], 

                  index=pd.Index(['Tumour (Positive)', 'Non-Tumour (Negative)'], name='Actual Label:'), 

                  columns=pd.MultiIndex.from_product([['Decision Tree', 'Regression', 'Random'],['Tumour', 'Non-Tumour']], names=['Model:', 'Predicted:'])) 

df