Bestand wählen
Merken

Compose Yourself with Ember and D3

Zitierlink des Filmsegments
Embed Code

Automatisierte Medienanalyse

Beta
Erkannte Entitäten
Sprachtranskript
my
good morning and becomes thank you so much for coming along so this morning was the heart of the play like this is a great so I done by the accident
you're probably thinking this guy comes from somewhere far far away some elements of the world so let's the 1 of so rotate this dispose the right perspective for you from this angle of this doesn't mean that yes
my talk is in English Australian not freedom English so I might say the things that I what confuse you most likely made some complete different what you were expecting so unlike the co-organizers all
mill than in the days me up but we're gonna be speaking at the couple's exit hiding in the jungles would in Bali Indonesia so that really fun right over here for what amounts and 1 of the co-founders
all the load testing Service flood we don't know where complaints tributing which is obvious thing all of the world but I we build insanely easy-to-use performance testing tools to help you succeed at we're testing app and what I'm about to share with you today is logically I just discovered through trial and error while we were building block so the undiscovered the question with a couple questions we ask ourselves at the beginning
what he's got a visualization and others that you have for while and at an answer came up with but quite like is it's a visual representation of abstract data to amplify cognition which correlates the next obvious question of the the what's the most natural tool for specifying a visualizations perhaps the it's a configurable
charting library what the configurable chart or
high-level shutting library for maybe level geometric shapes in graphical markings abstraction offers the following advantages but at the foot . exploration you may desire speed or efficiency so you can quickly test different views to discover patterns whereas for explanatory visualizations such communicating a discovery to a wider audience you may favor greater control of the final presentation to communicate discoveries more clearly when we talk about
efficiency we can't upwards light speed and performance so what really matters in Don visualization is failed to report revealed to produce visualisation quickly and having the flexibility to change it just as quickly
the most immediate tool what comes to mind for this purpose is the considerable Chinese program or as I come to call the configurable charting program xt probe this could be excel or could be many of the larger just replace of shutting libraries available today and the thing about this is that if we watch chart program is sort of a permanent where you you loading the data you click on an icon that looks roughly like the representation your after and then it give you some options to so the cost might look and feel that the problem with these programs is that they don't really help you might discovers new data anchor oftentimes prevent you from communicating the right discoveries to your audience but most of all customization has limitations to quite violent Wilkinson
that the all through the grammar graphics if we endeavored to build a charting instead of a graph program will accomplish 2 things firstly will inevitably offer you a chance that people want and secondly a program will be devoid of any deep structure but if you program will be unnecessarily complex because will fail to reuse objects or retains the function singly in different shots I will have no way to add new charts rough program without generate complex code elegant design
requires us to think about the theory of graphics not shots well I think
intelligent design separation of concerns is something the comes to mind this implies that concerned such as presentation and data a logically separated this is surprisingly rare in in in charting packages even as a core principle all say object-orientated design this often leads to data configuration and presentation attributes all being present in the same place now this is the
configuration all they popular John program but 1st big red arrows on here so but talking about something of not only do we lack a separation concerns of Durham presentation but we're specifying the presentation somewhere abstract from where it's being used the and maybe this gives you maximum flexibility but so does
PHP and that's sort of justification using it also all PHP developers the
object-orientated design it's all that often advantageous to encapsulate each responsibility of your program in his own class such that each component does 1 thing and had the opportunity to do that thing really well this is the configuration
from another charting package no it exposes configuration properties release half a dozen different concerns which are highlighted here I call this because of too many options because you think you have to read the documentation each of these and as each subsequent version of this time package is delivered the complexity is inevitably going to increase required changing what the meaning of these properties is used as the design changes which relate to your application breaking full reasons that don't seem quite obvious that surface whenever I use
for these packages are able advice and I just can't go on on importing some symbiosis technical debt into my application was considered buying this this is a walk off the familiar path of debugging and up where the current can often resemble something like a gap shaving let's places customizing this chart to meet your requirements might as well look like this this legal lot it's a because they so think of it like this of that option the boss wanted but it do all right of Cecil you don't look at another so what what else is again break by thank might of Dillard in express
possibility of about redevelopment but so that expressiveness when it comes to expressiveness
nothing beats the 3 it's extremist terse syntax has for many years ailab . visualizations visualizes the engineers to produce some really stunning visualizations but the light curve is real estate and building maintainable charts is actually really difficult it can take days to get something simple working the way you want it I can also become a real plane to debug things which seem simple most surface well at the 3 a
colorful like near the what I like about else like I don't come from obviously G. Wells you Tom they'll neglected to mention something yesterday that we to have an army of posters on the outside of the matrix that do not come through and that's how it how it limited that the also
the creator 33 my postdoc has the last year so working on the next version of the true to the present for and in the inverse of for his wrapped up along the con behaviors that he's discovered the the many years of building the 3 and put them into a new library called the tree shape which he describes as a small jobs requiring for drawing geometric shapes commonly found in Don visualizations it specifically designed for working with frameworks that have their own adult abstractions such as Emma it
includes a lot of very useful primitives for example this simple linear line but also more complicated ones like this Catmull-Rom curve which is designed such that it avoids intersections in costs by the way can demo this alive EC 16 . com survive but it also includes some really complicated graphics like this but not slice with rounded corners and pattern that preserves relative area and parallel edges between adjacent slices but the real challenge in went from scratch the really will you find something lets you express those properties so easily as the tree shape remember a then applied some given all of supplies was the graphics of put together a
little at all on the actual words the tree shape and all the dependence on the 3 visible libraries which accusing and today we've and still lightly free shape it also includes of some well I should say it works
exactly the subtlety in effect in is the gift of reading here's an example where we generate a parts of each slice that they're not shot using the occupy functions but that's being offered you can see hopefully atomic tractable so if we were to take the output of this will generate a pop data streams which renders something
like this 1st simple and 1 more
useful example of statistical graphics as you often need to calculate things like percentiles but the 3 right has a bunch of very useful features for this this has generated 90 percentile although an array of numbers also includes a lot of other useful statistical functions finding the mean the median the minimax and the extent of data ranges is a very commonly used when constructing of presentations using victory the Donna visualize relation to
time visualization is really just stories about data so like to presented story about some data we have they were taken from 1
of our customers from a test they ran last December In this dataset we have the a bunch of series which represents the metrics that we collected while I would test was running and these are the most common ones you look for when you try to diagnose near habitus went so look at things like response time the concurrency and transaction rates for both passed and failed requests so start by laying out the response time will plot this out as a as a line chart and is not really much we can say from this is really nice scientific explanation we can we draw from this it's incredibly useful little the old say is that it climbs the beginning of plateaus that drops off and take this to what 1 but if we were to lay out the concurrency curve of this we see something interesting happens the this is telling us that is L number of concurrent connections increased we reach a point where application for some unknown reason became faster With only bear a correlation to any software that bill to find out why that happened we have to look at the 2 other datasets which was the past Wales transaction rights we say that the green line along the bottom representing the past transactions it's pretty steady of doing about a thousand requests a should put a y axis on a tight from it I felt request minute of that something interesting happens the point that we see the response time drop we begin to see the error rate increased pretty rapidly almost in line with the number of concurrent connections this gives us interesting inside which updating deep into data we discovered that was happening was the lawyer balance of was throwing off errors basis place basic throttling the connection so application that was proxying was organized very throughput of i tells request the minutes serving those but the labeled himself was saying well 100 thousand requests I can't handle that sums in return areas the curtain error a lot faster than it can you proxy request to act does you see the response time drop throughput goes up and that explains what's going on I train timetables an interesting thing to
study of if a no other reason than the many ways and possibly visualized this is the Cal train timetable from San Francisco it looks exactly like every other train timetable bus timetable developed by a bureaucratic organization would outside thinking and this is also train
timetable which kind of looks like a broken broken window a bunch of very sharp lines designed by J. Murray friends in the 18 hundreds of what is really interesting because when I 1st looked at a have absolute no understanding of what it meant but let me explain it to a axis we have all stations from Paris to all France separated by a distance proportionally on the X axis on the top and bottom we have the time of day from 6 AM to data 6 and more we lines represent each 10 minutes of the hour between each of those uh 22 those hours all the other lines all the all the screen I represent trains such that a train leaving Paris so the top left in you can see the uh when itself the station of a horizontal line the fastest going is more vertical lines and such that you can track what stations at the at what time one's going opposite direction all these 2 trends returning from wield France this is what happens when we apply the same string down shot to the Cal train timetable here we made of new additions when coded the 100 local trains as black which of a slow onset the 200 Limited express trains as the orange lines of that of different shape hopefully can and and the red the baby trains which an express train so we track line for example from 6 55 in the morning we can see that it gets into the San Jose at about 7 45 where is the train left something like 5 30 or 100 line only gets about sentence I think what appears interactions can actually really nice content to use the important thing to remember here
is that correct representation doesn't matter as much as the accuracy of visualizations visualization what I mean by this is that you have a lot of artistic control over the presentation including where they don't use lines or areas or stacked layouts so for but none of this really matters if you dont isn't right an example diet is incorrect to is for example here when
110 % on voted the all this chart
which yes it does show you the gasses to be expensive but also neglects include a linear scale on the X. axis such that it communicates that last year last week and today are all equidistant time the I mean admittedly this isn't always obvious error but but it does require units of think behind which was doubtful legal boxes Hollywood level
artistic license of your presentation like
this was revealed an exaggeration of the data which doesn't match reality much like
any film a little in doesn't recommend would still
story with data especially when using data a presentation sorry you can't exaggerate the presentation without from disregard data this is why you need precise tooling to preserve the accuracy of your presentation now
if we just recap for a moment we talked about storytelling aspects of charts and the story advances that shots slightly both of these charts I showed you aboard 1 shot we catch construct from the exact same building blocks the boys lines that both contain so axes just different data the only difference is that if we were to break this down into components which is required at different level of customization for each 1 and
so going to build a line chart son of fresh in i which of coal floodgate because world name hard but in the grammar graphics
Wilkinson breaks down the core components of visualization into a specification which can be used to reproduce the visualization accurately by any presentation software which forwards the specification while I'm not going to focus on mechanics of how this works elected board the 6 layers all of the specification the fit appropriately to the way we build our visualizations in and the will lay out is
next to the typical DoDAF overseen and replication I wouldn't walk through each 1 of these so starting at the top with data we all know that when we interact we can make request for some from of for data source the and this is a really good place to start would any of statistical that we model in and this sort of data could be
empirical data such as events observed in the real world or abstract data such as data that's been generated using a moment functions all metadata which is data about data
a lot of data is obviously really straightforward for anyone who is of relatively familiar how and rats work 2 in this in this example we using in the network we DiMakeRequest were able to a matrix API and was dataset the result that on a control the matrix properties which we just pointed to the next point which is I data from amateur take eyes and what we wanna visualize into this transformations to it essentially wanna go from this right of objects representing OWL raw output from influx into just the values we care about for a visualization which is time stamped and value for each dimension converting the raw data to this is really simple with a computer man like notice that here we don't use any young in their get because we're just dealing with raw objects of the FIL things noise statistical data within the data does not work you can have a really hard time with that because it will try to convert everything every single dimension to ever objects which is incredibly expensive so it's much better to work or just plain old jobs that objects so the the next next step is really when we start with this together so that typically will construct a chart component to encapsulate the responsibilities of all their visualization but which need to include things like a scaling function which will handle al abstract data and convert that to something which can be presented almost screen that fits within the screens coordinates a scaling function essentially works like this so we have an input domain of saved 12 hundred or thousand which is the range of out of observed uh values in the real world dress screen which is 0 to 500 pixels a scaling function will essentially crater map between that sort 1500 converts a 54 pixels and that the 3 comes
with many different up to scale is my favorite which are the color scales because they are incredibly useful for including different graphical markings based on value regret and a hello scales only require input domain so you can see the scale 1 to the width of your dataset and then call value on it it will emit hex value colors you can use you know in your in visualization that really cool the 3 obviously comes with many other scaling
functions of in the D 3 scale package the Hamming things like continuous data industry data uh this included the and on underlying them into the earlier circuitous require important to scale linear from the 3 scale neuron wrapping it will work and
so inside a graph component a the wood which will capture later visualization we need to pull the thing apart so the 1st thing is we need to pull out the x values and the y values which can do that very easily just with that note computed maps but what I showed you earlier that's L. data passed intractable uses the right of uh two-dimensional arrays of 27 7 value relating to figure out what the domain of that data is which is basically the minimum and maximum values which we do that with the computed extent of the utility function of written which of the code up on the floor and the same with the Rangers well Singapore out the node with about what by society after margins we've got this much left and that will be the the range of supposedly guide output our visualization to and will this put together to a very simple computer properties which will allow X scale user of what's the time scale of scale is is a linear scale which converts numbers today objects and our hands things likely use automatically and I will use simple linear scale on the X. acceptance on the next layer visualization is of what's what is referred to as the coordinate layer which is responsible for the apple representation at this point a really show you a bunch of
boilerplate also like to recognize the hydrogen atom sum can move along a little bit faster now often the hardest
part of releasing it out on it is these come at nite and often use really abstracts so it's the sounding names in sometimes German words a sample in English like cotton graph I'm going in for is like unfortunately German is terrible so if yours is any but you any you misled here is that is mine is right is that words down can be quite troublesome for any 1 of you and using your at all so you know when all we overlook the popular hits the was like mustache and was a taken uh I wish I could you know give you 1 amazing typical help named everything in the future of but on anomaly Bates so wanna do instead is a share another story
of they knows me uh from the times of painted New York consensus go in Poland mold and I'll from where we were applied and it's gonna like the necessary and camouflage 26 4 6 and hanging out with his will is this is especially true last October when all's in Williamsburg my friend yes structure lost in the crowd of of the word class so I'm naturally I'm going to call all
maximum applied to it's also partly a Tesla announcing speed next writes the above ludicrous mode and notice display schools most of max applied is a new and the specific graphing library built on the 3 shape designed for expressiveness efficiency the the this is how you use it to get our simple line I would like for example we have a component which wraps the other 1 primitive and the 3 shape I've included a lot x options and API example here but essentially all output a group tagged with apartheid inside of it which if you were to render that said that there you would get that blue line um that's all very fun to use of of all of the comes with an API and I think in the candle better than this so put together apply components which uses contextual components to abstract away a lot of the private API is that you don't really have to care about so you can discover quickly nothing of the values I'm going to raise a hand to uses contention inputs the cooler 6 people uh so for those of you who are familiar with contextual components and can put them together using the hash what they do is allow to return a yielded objects that has partially constructed components inside of it using a Punnett helper such that I can call up or top line of what got symbol and it will return the result of this component pre-filled with all the inputs that I don't have to remember how to specify each time Of course there is a partial component so you can override any of these properties as you want just on a primer another example of life we want to draw a line inputs a marker of in this case a four pixel wide circle about each point this how would do it all created a plot component which yields the bitch dimension with x and y coordinates on the portfolio so you put anything aside remark somewhat like this much refusing box they're pretty small but as 1 example you go to a lot of or perhaps some of you know we might wanna change the the curve interpolation to be a step off the function so we get is not a mistake it look that result preserves the yeah the drop in in in monotonicity and so forth the max implied is a work in progress but also running at last week is that with my talk and we're going to read a lot of the logic we have in our application of this uh and stuff like a bit of getting best so far his Lord implanted of the attractors of the public is interest is law future work to be done um but sort of distance like anyhow like any complex system that works was it invariably built out a simple system that worked is remember that all grand visualizations all built out a small building blocks so to summarize rats make an ideal place would visualization data controllers can easily be used to transform data into the ideal shape I constant appointed to a catholic visualizations can oppose all primitives needed to build complex ambitious visualizations using Amber the
because I believe that all sufficiently ambitious applications will eventually require daughters was ation the this is only a start all like to stop treating visualization of afterthought in by making a 1st class citizen if you're working with the 3 or another visualization of add-on within amber or your author of 1 of the other and all of these opposition Adams and all really like to talk to you and your share thoughts on this is if we can maybe work together to to build a proper ecosystem around visualization and the board for people building applications that need this and also if all our near efficiently and expressively putting together down visualizations thank you so must come along
really means a lot to New York and uh this morning a gain of 1 is Ivan very approachable guys so please find the crowd can say hello world unite and you for the code up on
behalf of and my slides and so forth that you see 6 they got also about and are modeled in like thank you the you
might
Videokonferenz
Arithmetisches Mittel
Perspektive
Code
Winkel
Element <Mathematik>
System F
Rechter Winkel
Softwaretest
DoS-Attacke
App <Programm>
Abstraktionsebene
Selbstrepräsentation
Informationsverarbeitung
p-Block
Information
Abstraktionsebene
Visuelles System
Informationsverarbeitung
Last
Visualisierung
Maschinelles Sehen
Visualisierung
Fehlermeldung
Shape <Informatik>
Sichtenkonzept
Abstraktionsebene
Mustersprache
Visualisierung
Gamecontroller
Programmbibliothek
Räumliche Anordnung
Kombinatorische Gruppentheorie
Geometrie
Übergang
Konfiguration <Informatik>
Selbstrepräsentation
Programmbibliothek
Visualisierung
Inverser Limes
Bildschirmsymbol
Optimierung
Konfigurationsraum
Quick-Sort
Konfiguration <Informatik>
Objekt <Kategorie>
Koroutine
Lineares Funktional
Graph
Formale Grammatik
Computer
Komplex <Algebra>
Code
Physikalische Theorie
Objekt <Kategorie>
Physikalisches System
Generator <Informatik>
Funktion <Mathematik>
Datenstruktur
Komplex <Algebra>
Code
Physikalische Theorie
Ungerichteter Graph
Optimierung
Trennungsaxiom
Reihe
Zeitrichtung
Speicherabzug
Optimierung
Kombinatorische Gruppentheorie
Konfigurationsraum
Kombinatorische Gruppentheorie
Endogene Variable
Zusammenhängender Graph
Optimierung
Softwareentwickler
Konfigurationsraum
Quick-Sort
Einfache Genauigkeit
Subtraktion
Kategorie <Mathematik>
Mathematisierung
Versionsverwaltung
Strömungsrichtung
Kartesische Koordinaten
Komplex <Algebra>
Gerade
Template
Konfiguration <Informatik>
Zeichenkette
Arithmetisches Mittel
Arithmetischer Ausdruck
Benutzerschnittstellenverwaltungssystem
Flächentheorie
Rechter Winkel
Zahlenbereich
Punkt
Radius
Konfigurationsraum
Pixel
Cliquenweite
Kartesische Koordinaten
Spannweite <Stochastik>
Softwarewartung
Euklidische Geometrie
Arithmetischer Ausdruck
Maßstab
Reelle Zahl
Flächentheorie
Gebäude <Mathematik>
Visualisierung
Minimum
Arbeitsplatzcomputer
Gerade
Kartesische Koordinaten
Cliquenweite
Netzwerktopologie
Matrizenrechnung
Shape <Informatik>
Prozess <Informatik>
Abstraktionsebene
Visualisierung
Versionsverwaltung
Programmbibliothek
Applet
Skript <Programm>
Programmbibliothek
Framework <Informatik>
Shape <Informatik>
Installation <Informatik>
Kategorie <Mathematik>
Program Slicing
Relativitätstheorie
Unrundheit
Eins
Netzwerktopologie
Dämpfung
Flächeninhalt
Mustersprache
Programmbibliothek
COM
Wort <Informatik>
Primitive <Informatik>
Kurvenanpassung
Parallele Schnittstelle
Gerade
Shape <Informatik>
Soundverarbeitung
Lineares Funktional
Datenstrom
Program Slicing
Mereologie
Pi <Zahl>
Kreisbogen
Funktion <Mathematik>
Lineares Funktional
Statistik
Relativitätstheorie
Varianz
Zahlenbereich
Empirisches Quantil
Permutation
Rechnen
Kombinatorische Gruppentheorie
Medianwert
Portscanner
Spannweite <Stochastik>
Arithmetisches Mittel
Histogramm
Spannweite <Stochastik>
Rechter Winkel
Visualisierung
Schwellwertverfahren
Maßerweiterung
Punkt
Gewichtete Summe
Wellenpaket
Selbst organisierendes System
Datenparallelität
PASS <Programm>
Zahlenbereich
Kartesische Koordinaten
Eins
Software
Response-Zeit
Tropfen
Kurvenanpassung
Gerade
Korrelationsfunktion
Einfach zusammenhängender Raum
Softwaretest
Linienelement
Reihe
Bitrate
Endogene Variable
Dämpfung
Summengleichung
Transaktionsverwaltung
Flächeninhalt
Einheit <Mathematik>
Rechter Winkel
Datenparallelität
Basisvektor
Bus <Informatik>
Fehlermeldung
Addition
Shape <Informatik>
Wellenpaket
Selbstrepräsentation
Interaktives Fernsehen
Kartesische Koordinaten
Fluktuations-Dissipations-Theorem
Kombinatorische Gruppentheorie
Eins
Richtung
Flächeninhalt
Twitter <Softwareplattform>
Bildschirmfenster
Arbeitsplatzcomputer
Minimum
Selbstrepräsentation
Visualisierung
Gamecontroller
Abstand
Inhalt <Mathematik>
Visualisierung
Gerade
Zeichenkette
Touchscreen
Mittelwert
Open Source
Zentrische Streckung
Explosion <Stochastik>
Mailing-Liste
Einheit <Mathematik>
Quader
Eichtheorie
Strom <Mathematik>
Stochastische Abhängigkeit
Übergang
Matching <Graphentheorie>
Hill-Differentialgleichung
Kombinatorische Gruppentheorie
Pi <Zahl>
Kombinatorische Gruppentheorie
Subtraktion
Momentenproblem
Gebäude <Mathematik>
Formale Grammatik
Zusammenhängender Graph
p-Block
Gerade
Übergang
Symboltabelle
Kombinatorische Gruppentheorie
Whiteboard
Komponente <Software>
Hypermedia
Maßstab
Software
Datenreplikation
Wärmeübergang
Visualisierung
Kontrollstruktur
Zusammenhängender Graph
Flächeninhalt
Integraloperator
Umwandlungsenthalpie
Formale Grammatik
Kraftfahrzeugmechatroniker
Element <Gruppentheorie>
Koordinaten
Quellcode
Quick-Sort
Gerade
Quelle <Physik>
Speicherabzug
Fitnessfunktion
Resultante
Matrizenrechnung
Punkt
Kritischer Exponent
Momentenproblem
Hausdorff-Dimension
Geräusch
Computer
Transformation <Mathematik>
Zeitstempel
Komponente <Software>
Metadaten
Domain-Name
Reelle Zahl
Prozess <Informatik>
Gamecontroller
Wärmeübergang
Endogene Variable
Visualisierung
Zusammenhängender Graph
Verband <Mathematik>
Zeitstempel
Ereignishorizont
Funktion <Mathematik>
Touchscreen
Metropolitan area network
Lineares Funktional
Pixel
Datennetz
Kategorie <Mathematik>
Abstraktionsebene
Linienelement
Default
Statistische Analyse
Sollkonzept
Ein-Ausgabe
Ereignishorizont
Quick-Sort
Endogene Variable
Objekt <Kategorie>
Mapping <Computergraphik>
Rohdaten
Funktion <Mathematik>
Rechter Winkel
Ein-Ausgabe
Gamecontroller
Zentrische Streckung
Domain-Name
Maßstab
Sechsecknetz
Einheit <Mathematik>
Visualisierung
Cliquenweite
Kantenfärbung
Nummerung
Ein-Ausgabe
Analytische Fortsetzung
Randverteilung
Domain <Netzwerk>
Bit
Gewichtete Summe
Punkt
Extrempunkt
Selbstrepräsentation
Zahlenbereich
Maßerweiterung
Computer
Code
Komponente <Software>
Domain-Name
Spannweite <Stochastik>
Maßstab
Visualisierung
Plot <Graphische Darstellung>
Flächeninhalt
Zusammenhängender Graph
Elektronischer Programmführer
Maßerweiterung
Cliquenweite
Funktion <Mathematik>
Array <Informatik>
Lineares Funktional
Zentrische Streckung
Graph
Kategorie <Mathematik>
Textbaustein
Reverse Engineering
Default
Softwarewerkzeug
Koordinaten
Schlussregel
Spannweite <Stochastik>
Warteschlange
Teilmenge
Mapping <Computergraphik>
Objekt <Kategorie>
Rechter Winkel
Textbaustein
Graph
Gemeinsamer Speicher
Abstraktionsebene
Klasse <Mathematik>
Stichprobenumfang
Mereologie
Wort <Informatik>
Datenstruktur
Hilfesystem
Data Mining
Resultante
Bit
Punkt
Extrempunkt
Gemeinsamer Speicher
Datensichtgerät
Gruppenkeim
Kartesische Koordinaten
Symboltabelle
Gesetz <Physik>
Komponente <Software>
Arithmetischer Ausdruck
Maßstab
Visualisierung
Flächeninhalt
Plot <Graphische Darstellung>
Kurvenanpassung
Tropfen
Gerade
Kartesische Koordinaten
Orientierung <Mathematik>
Funktion <Mathematik>
Lineares Funktional
ATM
Shape <Informatik>
Kategorie <Mathematik>
Gebäude <Mathematik>
Element <Gruppentheorie>
Plot <Graphische Darstellung>
p-Block
Ein-Ausgabe
Konfiguration <Informatik>
Interpolation
Repellor
Hash-Algorithmus
Quader
Kreisfläche
Hausdorff-Dimension
Klasse <Mathematik>
Kurvenanpassung
Mathematische Logik
Whiteboard
Arithmetische Folge
Hash-Algorithmus
Programmbibliothek
Zusammenhängender Graph
Abstand
Inhalt <Mathematik>
Primitive <Informatik>
Integraloperator
Autorisierung
Videospiel
Kreisfläche
Pixel
Koordinaten
Symboltabelle
Physikalisches System
Gerade
Quick-Sort
Objekt <Kategorie>
Komplexes System
Gamecontroller
Minimum
Visualisierung
Eigentliche Abbildung
Rechenschieber
Einheit <Mathematik>
Rechenschieber
Code
Demo <Programm>
Videokonferenz
Code
Dienst <Informatik>
Ereignishorizont

Metadaten

Formale Metadaten

Titel Compose Yourself with Ember and D3
Serientitel Ember Conf 2016
Autor Vanderbyl, Ivan
Lizenz CC-Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported:
Sie dürfen das Werk bzw. den Inhalt zu jedem legalen und nicht-kommerziellen Zweck nutzen, verändern und in unveränderter oder veränderter Form vervielfältigen, verbreiten und öffentlich zugänglich machen, sofern Sie den Namen des Autors/Rechteinhabers in der von ihm festgelegten Weise nennen und das Werk bzw. diesen Inhalt auch in veränderter Form nur unter den Bedingungen dieser Lizenz weitergeben.
DOI 10.5446/34691
Herausgeber Confreaks, LLC
Erscheinungsjahr 2016
Sprache Englisch

Inhaltliche Metadaten

Fachgebiet Informatik
Abstract Say you're building a chart, what's the most natural representation for specifying a visualization? A configurable chart component? Abstract components which can be used together to create something larger? Or low level primitives which can give you fine grained control over your presentation? In this talk I will introduce D3 Shape, and demonstrate how you can compose reusable Components which solve all of the above requirements for quickly visualizing information in Ember.

Ähnliche Filme

Loading...
Feedback