Press "Enter" to skip to content

Data visualisation chat about D3.js, P5.js, JavaScript, Python with kosamari, sxywu and shiffman


oh bene così ciao buon lunedì mattina è
non la mattina come puoi vedere è sera
a New York e questo è quello che tu
ottenere se si procrastinare e mostrare di nuovo
intro tutto il giorno comunque
così mentre sono mentre sono a New York per
vacanza allora ho pensato che sarebbe stato
bello girare un video con un paio di
amici sviluppatori di mine erano come
prominente affascinante e brillante
persone che sono super orgoglioso, tu sai e
basta fare una chiacchierata si iniziare col parlare
su chi sono e poi saltare da
lì e quello che abbiamo finito era
parlando di dati di visualizzazione dei dati
elaborazione in JavaScript Python come d3
un mucchio di quella roba e si è scoperto
essere super super super interessante
discussione quindi se ci interessa
guardando un po ‘alla scienza dei dati
e cosa non dovrebbe essere questo episodio
davvero carino per te penso prima di noi
andare avanti con ciò, però mi piacerebbe
leggi lo sponsor di oggi che è geniale
grazie geniale brillante è un
sito web di problem solving che ti insegna
Come pensare come un informatico
se sei interessato all’apprendimento automatico
e algebra lineare e tutto il resto
mappa che va avanti dietro di esso
geniale è il tuo amico che hanno
sfide interattive con l’introduzione
crescente difficoltà può piacere a un gioco
dove è il senso della progressione
davvero soddisfacente usa brillante dot org
la barra FFF non si stava registrando per lasciarli
sappi che sei venuto da qui anche se tu
sono uno dei primi 200 ad usarlo
link avrai uno sconto del 20% su base annua
abbonamento se si ottiene che controllarli
dopo lo spettacolo anche il link è in
la descrizione dell’episodio è qualcosa di simile
che ah va bene, questo è il mio lato buono
Non posso dire che sono come te
ragazzi sanno è è è una cosa con
buoni siti o no , forse potremmo
lascialo un pochino anche io
non lo so sento sempre che la gente lo dice
quindi sto solo dicendo che è solo io
sono sicuro che entrambi non ne ho una buona
lato entrambi no non so quale
è
Mi piacerebbe sapere per favore fammi sapere
che è il mio lato buono sì, è molto
informazioni preziose possiamo iniziare come
okay, lo faremo fare un po ‘
introduzione per le persone che non sanno
voi così che questo sarà messo su
il mio canale ma sì, vi piacciono le persone
non so chi sei necessariamente
Daniel ci dice un po ‘di chi
tu sei
mi chiamo Dan Schiffman è il mio nome
capito
Immagino che probabilmente ce ne siano tre
cose che sono più rilevanti da menzionare
dove faccio e lavoro con e e
partecipare a uno è ho anche un
canale youtube chiamato treno di codifica
dove faccio un sacco di tutorial di programmazione
potrei dire di più su ciò che insegno anche io
in un programma qui a New York City
chiamato ITP si chiama Arts New York
Università e poi lavoro anche su questo
cosa ha chiamato la fondazione di elaborazione
che è un’entità non profit che gestisce
Beh, fa un sacco di diverso
iniziative di comunità ed educazione ma
mantiene anche la codifica creativa
software educativi toolkit cose
che sono open source come il JavaScript
libreria p5.js elaborazione originale
software di elaborazione basato su Java
e poi c’è anche un Python
elaborazione che non so come usare
Io so come usarlo ho solo io sono sì
probabilmente non dovresti venderlo a te
perché probabilmente sei come anti
allergico a Python in realtà forse sì
parlaci un po ‘di te, sì
denuncio hi Sono Shirley il mio nome è Shirley
Liu sono dentro penso che finalmente il titolo
deciso per me stesso è indipendente
creatore della visualizzazione dei dati sì sì
mi ci sono voluti due anni e mezzo per farlo
questo ma sono fondamentalmente un freelance
ingegnere del software e si concentrano su
visualizzazione dei dati all’interno di quello e loro
fare l’intero processo di codice di progettazione dei dati
per tutti i miei clienti e molti dei miei
i clienti sono entrambi tipi di giornalismo
come i laboratori di The Guardian Google News
in realtà um o sono più per come
tipo di cose di analisi dei dati interni
quindi questo è fondamentalmente quello che faccio, quindi cosa
ma che cosa comporta tecnicamente
come cosa cosa cosa costruisci
visualizzazioni e sì, così ho iniziato
come ingegnere front-end e ho un po ‘di
stato come in quel dominio e non l’ho fatto
ramificato come pensavo di piacere
cinque anni fa sono e quindi tutto quello che ho
fare è in JavaScript c’era un tempo in
quale ero come non sarei
incasellato in questa lingua che io
era come se avessi intenzione di fare Python per tutti
il mio trattamento dei dati e abbastanza pulizia
e poi ho capito che ero tipo
2x in basso in Python allora ero dentro
JavaScript e dopo solo perché come me
a quel punto era stato come usare
javascript per anni e come niente
altro e giuro che ho avuto un semi simile
proprio nell’educazione informatica
dove sai che mi è stato insegnato come Python
e Java e CI non sanno come usare
tutto ciò più così sì, anch’io lo sono anch’io
no e sì dopo un mese di python i
era come se fosse davvero inefficiente e
Sono tornato al nuovo Jess, dimenticalo
Marco sì ciao Sono Marco I, che sviluppatore
sì, lavoro per il web di Google Chrome
team di ecosistema di sviluppatori che significa noi
sono un gruppo di sviluppatori di web building
cose Webby e parlando
tutto all’interno dell’ingegneria del browser
squadra così a metà del nostro lavoro sta parlando
su cosa sta arrivando attraverso il browser
a persone come voi tutti di cui parlare
come sai che sono queste caratteristiche
arrivando e poi un’altra metà del lavoro
è parlare con il motore del browser che sei
dicendo hey ecco come lo sviluppatore web
costruendo sai che queste API sono forse
dovrebbe essere lì così come vogliamo questi
funzionalità nei browser o supporto nativo
è così che lavoro di comunicazione sono stato
cercando di coprire il mio titolo chiamato mascelle
planare come a causa di quel lavoro che faccio a
molti post come blog e come discorsi
e come diapositive e cose simili così
al suo interno cerco di mettere il mio tocco
disegnare a mano
diagrammi di cose che faccio uso molto
metafore e disegni per comunicare
concetti tecnici così ho provato
entrare di nascosto quando dicono oh
stiamo avendo una conferenza e abbiamo bisogno del tuo
bio
Ho solo dell’acne Kinross planare e poi vedere
se mi accettano , hanno fatto sì che era
tu che ti piaceva una specie di
progetto di maglieria e così il modo in cui questo
il lavoro è successo, quindi ero un front-end
ingegnere bene ero motore JavaScript
tu stavo citando in giudizio lato server e poi
anche dall’interno stavo facendo solare
ingegneria come eccitato o startup
cosa e mentre lì ho iniziato a fare
lavoro a maglia con il progetto lato JavaScript
ciò implicherebbe molte cose con
che cosa è quello che è così?
macchina che non è così c’è un
cosa a maglia chiamata macchina per maglieria
dagli anni ’80 che ha un microchip che parla
qualcuno binario ha decodificato come
per inviare i dati a loro così non c’era
c’era un codice Python per farlo e io
era come se potessi scrivere un nodo
fare la stessa cosa perché è giusta
inviare un buffer in modo che fosse un progetto
di me dicendo come hey così ho questo
immagine Mi piacciono i filtri immagine e io sono
cambiando il colore e le cose perché
come il filato non arriva in ventidue
centocinquantaquattro colori a destra
sì, come hai solo limitato
scelta del colore quindi se ti piacciono
conosci una foto di gatto che vuoi il
maglione il maglione
non esattamente il maglione ma ho fatto figura
fuori come disegnare esattamente usando
il mio software così come tu sai che puoi fare
come Miss processing che faceva parte del mio
progetto di impastatura mettendo i dati nel
macchina per maglieria che faceva parte della mia
progetto di maglieria e poi mi piace c’è
piace a due scuole di maglieria
persona di programmazione
Sono molto vado a I Sono molto esperto
con i buchi di coniglio molto tempo così tanto
di persone vanno nel profondo dell’hardware
e capire che sono come l’hardware fai-da-te
e roba ma sono andato in una dimensione più morbida
quindi devo verificare i costi del progetto che è
solo un po ‘ come iniziato come uno scherzo come
Oh crea il tuo brutto maglione quindi è un
Combattere dicendo che ho tirato il tuo selfie
e poi lo metterò in un like
maglione un’immagine del modello e poi tu
può scaricare per twittare ma anche come
tu hai una modalità vacanza e io metto
come sfacciato come renne e cose
otterremo uno di questi perché volevamo
è perché sto pianificando una vacanza
speciale sì, in realtà mio mio mio
la ragazza del fratello ha questa cosa con
maglioni da festa brutti se ne ha uno tu
Non otterrò mai ogni anno come vorrei
amo questo così tanto per il mio personale
produzione che posso aver fatto a
produzione per Paul Lewis che hai fatto oh
sì , lui ha una sciarpa come il suo spettacolo
cosa logo che ho fatto lui quando lui
lasciato il nostro team, ero come un regalo ma si
ci vuole tempo richiede così tanto
la gente mi chiede oh dovresti farlo vedere
negozio e io sono come no no no
capire
fare quei maglioni richiede una settimana
sì ingegneria del punto di pricing
lavoro di terzi di cui ci si dovrebbe occupare
tutto questo per te tu semplicemente li mandi
come il design e a loro piacerà lavorare a maglia
spedire ecc. o come se fosse solo un software
premio di ingegneria è come fatto da
software reale come un tendine bicipite
c’è l’erba come alimentato da sì o
è solo un binario di $ 4000
quindi sì , non è come a Wall Street
persone che guardano dall’alto il software
ingegneria così così così che è stato come
per un po ‘il mio progetto parallelo e quello è
come sono andato a parlare in a
conferenza o scrivere blog su di esso
perché stavo facendo proprio così
progetti e persone mi hanno dato l’opportunità
parlare di ringraziamenti e quando i tempi
era il modo
la squadra stava assumendo e io ero come se parlassi
su JavaScript sotto forma di lavoro a maglia
ma posso parlare di JavaScript come sono
interessato a browser come
tela performante e come sai come
scrivere codice eseguendo JavaScript con
un sacco di dati quindi sì è così
il lavoro è stato brillante, quindi quanto tempo ha
sei qui da quasi due anni
ad aprile cosa vuol dire utes
si lavora anche con Jake Archibald sì
a volte quindi è un medium sì e
ti piace come ti vedo fare un sacco di
video devil e riprese
video lo fai in questo edificio
o come ah, quindi abbiamo uno studio in questo
edificio che gireremo a Londra
dove Jake è basato hanno anche un
studio lì così tutto il loro HTTP 203
e video di super scelta che non sono
sparando a malapena anche se sembra
come se avessero un set finto in un minuscolo
angolo sì, ma è così che funziona
è molto sfortunato che come c’è
un supporto per fare quelle cose sì bello
quindi suppongo che collegheremo a qualsiasi cosa
canale andato Continuo a dimenticare come è
lì che quello che cosa la scheda dove
sei tu, oh, le carte del tubo dell’auto lo farò
link in uno di quegli angoli no no è
è sicuramente questo angolo, sì
è speculare che è specchi sì
forse è esattamente questo
come l’uomo è più difficile di quanto pensi
punta una cosa che mi piace mentre tu
stavamo parlando che volevo tornare
è come Python contro JavaScript come
le lingue dei dati vanno bene come perché giusto
ora mi sembra come se fosse Python
è un linguaggio che dati
gli scienziati tendono ad usare e piace ma
ogni volta che lo abusa mi piace un po ‘
questo sarebbe così facile da fare dentro
JavaScript Continuo a tornare su quello
significa che sembra mi sembra il
il javascript di cui avrebbe bisogno in ordine
Mi piace iniziare ad afferrare quella condivisione
un qualche tipo di equivalente
PI, perché ci si sente come NumPy è ciò che è
davvero mantiene sì Stavo solo andando a
dì in questo modo in un certo senso
La versione JavaScript di Google di
tensorflow ce l’ha costruito , oh si
in realtà ciò che è più ma ma
ma essenzialmente è sotto il
cappuccio è altamente ottimizzato sai
Naturalmente puoi usare il numpy compatibile con WebGL
quindi fai ogni tipo di apprendimento automatico
roba con quello e questo è davvero quello che
la gente lo sta usando ma il nucleo è
la libreria di base è davvero solo matematica
la causa davvero interessante che stavo per dire
che ingegneri di dati adeguati penso
in realtà i dati personali che penso utilizzino
Python non sono un vero e proprio dato
ingegnere quindi chi è un ingegnere adatto come
sentito parlare di Netflix ha dati reali
ingegneri
è come se fossi Netflix come uber
qui in questo edificio da qualche parte correttamente
che aspetto hanno?
o come se tu non fossi reale
sviluppatore come oh sì, mi è stato detto
Non sono un ingegnere il mio ragazzo mio
fidanzato è un’ingegneria meccanica oh
sì, non sei un vero ingegnere
sì, so che in realtà non uso Python
e per i miei scopi di come tu sai
recupero dei dati così come quando programmo
Mi piace come e afferrare da API o quando
Sono come pulire i dati che trovo
JavaScript va perfettamente bene e io
in realtà penso molto ai miei amici
fai scienza dei dati loro davvero loro
effettivamente usare il nostro oh si si, ma io sono
Mi sento come se tu solo dessi
JavaScript si sente un altro anno o due
Mi piace, ma penso che dipenda anche da se
quello che stai cercando di fare è più è
sorta di pura scienza dei dati in cui il
il risultato finale è un po ‘ come ho bisogno di ottenere
questo come numero fuori contro il tentativo di
comunicare un’idea o fare qualcosa
interattivo o facilmente condivisibile come il
come essere in grado di fare questa roba nel
browser con il javascript che ottiene
tu quel pezzo in più, quindi non ne guardo uno
è meglio o peggio ma è solo
un altro ok bene, non posso aspettare
leggi i commenti di questo video
ma um ma io so che per me è così
come sono entusiasta di JavaScript
perché con gli studenti con cui lavoro
se posso solo inviare un URL e iniziare
la registrazione a 30 minuti forse lo fa forse
fa che sarebbe un interessante come
lo so, ma sono passati solo 90 minuti
probabilmente è come se non si fosse fermato forse
è stato è stato, non registrando dalla
iniziando no probabilmente no Dio non piace
quello è che è la cosa cattiva su
come non usare qui che non lo sei
completamente usato per tutto il tempo che è
come questo è questa è la fotocamera che ti piace
è un po ‘ come non l’ho ancora fatto
imparato tutti gli angoli e le fessure di esso
ma va bene, ti rimpiazzerò
con noi con la stessa immagine che hai ancora
il suono sì, ma forse posso
di solito animatore sì versioni animate
di noi stessi
oh no no si, faccio solo la cosa dove
disegna splaining conosci il multipotente
cosa come dove fai il dischetto
no, mi piace che non fosse meglio
rispetto agli altri una volta è andato in come
lunga conversazione su Twitter di come se tu
dovrebbe usare Python o JavaScript per i dati
come analisi o qualsiasi altra cosa, perché così
Ho iniziato come strumenti interni simili
ingegnere era il mio primo tipo di lavoro come a
programmatore
prima ero un prodotto
manager così come ho imparato a programmare e
poi tipo di scambiato la squadra e
le cose mi sono piaciute così come lo sai
Bene, hai un sacco di dati business
le persone mi permettono di realizzare la visualizzazione dei dati
per te e poi è tutto il tempo
Ho incontrato presto e poi ho cambiato lavoro
era un negozio di Python e poi mi hanno dato
opportunità di vivere la persona sul posto di lavoro così
è come un grande e poi ero solo
come se fossi scopato su Python come Python
così bello come il cappuccio dei prigionieri come sai
dati grandi quindi ero proprio come se avessi un grande
JSON archivia un CSV di un posto
fonte di dati e stavo cercando di arrivare a un
minimizzare i dati di cui avevo appena bisogno
questa visualizzazione e sono fondamentalmente a
Una volta
funzionamento come prendere i dati fuori
ero solo come scrivere codice Python I
era come twittare come un Python è così
bello come ho letto che sono come te
terribile uno psicopatico è così bello e poi
qualcuno ha colpito come tutti i lavori bene
può fare la stessa cosa e mi sentivo
come se fossi lento non ne avevo idea
come ho avuto nessun come era così nuovo per me
non era come lo sai, ma l’informazione due
tasche e sono andato come alcune persone
mandami solo cose come puoi
fare in questo modo dovrebbe essere il più veloce possibile
ma tu sei venuto giù alla fine lo è
sopravvalutato
[Musica]
come ho solo che Python spettacolo lavoro
per come sei mesi sì e poi dopo
che come continuavo a fare l’ altro
progetto di visualizzazione ma è venuto giù
per me è come quello che è
avere familiarità con te è come la maggior parte di
il tempo in cui quello che fai è solo
iterando attraverso gli elementi pubblicitari e
quindi trovare le informazioni che desideri
il valore chiave sì e poi inserirlo
JSON diverso sì e poi per quello
come Python o JavaScript come no
importa come erano comodi
e io ero un equipaggio molto più comodo
scrivere per il ciclo in Java Script e
capire come Python e loopy
cose mi piacciono solo una scatola
Userò Java
Mi sento come se non lo facessi davvero
analisi dei dati davvero intensa, davvero
non penso di aver bisogno di Python e quale è
probabilmente anche cose di pollo e uova
dove non ho fatto davvero
intensa analisi dei dati perché non lo faccio
voglio entrare ma a volte anche
dipende da come ci sono certi
pacchetti e librerie per Python
potrebbe non essere facile ovvio
equivalente come NLT kay non che io sia
qualche esperto chiodo 2k dal naturale
è il toolkit di linguaggio che è in Python
proprio come sai un po ‘ come il
l’ ubiquitario onnipresente come
storico come standard per fare
processo di linguaggio naturale e ci sono
come ho usato perché insegno come il mio
classi che ero come guardare c’è
come nessun naturale e c’è quest’altro
cosa di analisi del testo e ora forse tu
potrebbe usare il flusso di attenzione Jas e il
versione del nodo altri, ma non è così
come standard storico di anni e
anni e anni e anni di materiale
non ha senso quel tipo di strumento, ma io
d’accordo come se fossi grande
per me piace se sto solo andando oltre
la matrice come lo farò dove io
non so come fare quell’unica cosa
fatto quando stavo imparando a usare
JavaScript era come così ho imparato a lavorare
bene prima ero come un linguaggio di programmazione
ma poi c’era come se fossi io
avere una conoscenza di come il codice
funziona e poi stavo ancora facendo
lavoro di lavoro e pensavo che fosse così
essere cool come ho già a che fare con i dati
e sono a mio agio con il codice che sarà
il mio prossimo passo sarebbe come i dati
scienza giusta come la business intelligence
quindi mi è piaciuto uno come il nostro Casella
classe di scienza dei dati e ho prestato il nostro e
si sa o ha un sacco di buone caratteristiche
per avere come te lo sai
dati quantili o come tracciare e poi
tutto ciò e poi sono entrato nei dati
visualizzazione quindi avevo a che fare con a
molti JavaScript e io stavamo usando
sottolineatura ti fa solo fortuna se fatto
si, che è veramente bello come quando lo faccio
come quando ho bisogno di fare qualsiasi tipo di dati
presidente Ho appena ripiegare a piacere
sottolineatura o il nostro modo di aggirare il nostro o qualsiasi
di quelle lingue che è come fa
è così facile da elaborare le cose così uno di
come il progetto di pratica che ho fatto è stato
prendendo le buone funzioni di ARDS come
quantili
o mediana e sottolineatura non supportano
ma sottolineare il supporto di un mix-in così tu
posso scrivere otto loop praticamente puri
funzioni oh sì, ho il mio tempo libero
sì sì, ho il mio contorno non visto
ma c’è anche io sono così che uso un po ‘
– ora ma c’è anche come se fossi semplice
le statistiche sono un JavaScript come MA o
libreria che fa tutto ciò che piace
tutto per le statistiche e poi
in realtà, in realtà, anch’io ho un sacco di cose
come i dati come i metodi di array che lo faranno
aiuto per come quello che hai bisogno di visualizzare
la data in cui è presente lo script di Liova
libreria chiamata statistiche semplici sì
cosa c’è in fondo quindi anch’io lo do
alcuni discorsi e io ne discuto due tipi
parla di cose generali
Ho imparato a fare la visualizzazione dei dati
e poi
e poi sta usando l’ altro tipo di discorso
d3 vorrebbe reagire o sono effettivamente
finirò davvero per smettere di parlare
su reagire perché ho smesso di usare ancora
Ho appena saputo cosa reagire la scorsa settimana
sì, Daniel era come se l’idea fosse quella
Daniel mi insegna d3 ma poi è molto
è semplice una lettera e un numero
sì, la prossima settimana lo farai e tu ne avrai uno
m5 ora ML5 Sì, voglio dire direi che ho
avere un ml come sei molto bravo a
nominando le cose perché queste cose non lo sono
il mio lungo per la corsa è un ingegnere
quindi prendilo ma in entrambi i casi, come abbiamo finito
su come oh, ma come ci piace ottenere
ricarica automatica ed evidente come si
Sì , crei reagire e poi abbiamo solo
come l’episodio si trasforma in come un
esplorazione di come vorresti integrarti
p5 e sì e come avrebbero funzionato
bene insieme, quindi abbiamo insegnato a vicenda
le cose avanti e indietro si sono rivelate reali
bello puoi trovare l’episodio a questo
indica a tutti il ​​regista che in realtà
ho provato a farlo una volta che sono così l’ho usato io
usato per fare un sacco di d3 con reagire e
ora faccio d3 con view I’m e posso parlare
su quanto mi piace vedere che io sono possibile
puoi farlo in un po ‘, ci provo io
provate a fare p5 a reagire e ho trovato
che p5 non riuscivo a capire come
rendere PFI modulare per importarlo in RIA
e poi ho smesso di usarlo correttamente
sembra che io abbia una risposta a questo
domanda ma non sono sicuro come noi
proprio quello che è appena passato davvero
ma sì, penso che solo l’in
riassunto per riassumere che ciò che era sorta
di interessante che l’esplorazione è
che p5 e il suo core sono davvero progettati
essere un educatore per principianti
ambiente scala a fare molti
eccitante e sorprendente come te
posso costruire progetti reali con quello
non significa che sia come una specie di giocattolo
libreria ma il modo in cui lo fa certo
le cose non sono standard in JavaScript
sì sì, per essere un principiante in più
amichevole così mischiandolo con cose simili
sono indovinato come davvero rigorosamente
standard
può ottenere ottenere il sangue buffo business perché
Stavo cercando di usare il rumore del p5
funzione per um per quel progetto SFMOMA
giusto e poi penso e poi uso
e poi uso anche Gaussian casuale
e come questo tipo di cose che mi piacciono
sai che non è in basso – non lo è e III
non è in statistiche semplici e lo ero
provando a piacere a caricarlo e penso
Ho finito per essere come importazione p5
e quindi devo accedere con come p5
punto prototipo punto come Gaussian casuale
questo è quello che si, è così
probabilmente non è così bene che possiamo
avere un lato ma non mi sentirei
in realtà hanno un separato come tecnico
discussione su questo perché io sono molto
curioso di questi tipi di
integrazioni ma così così che dire di d3 e
visualizzare e reagire e come loro come loro
integrare parlare un po ‘di questo
perché come non l’ ho davvero ottenuto
in vista perché l’ho appena guardato
sembra come si, mi sembra
approva un po ‘di reagire ma lo sono
veramente bravo a reagire, immagino che si
Aspetterò il prossimo fresco
cosa dopo vista perché prima mi piace
fare lo sforzo solo perché non lo faccio
sapere che la vista reagisce prima
guarda yeah e poi la vista è view react I
sapere è gestito da Facebook è vista
un progetto open source indipendente o è
c’è un’entità che la mantiene come
ben indipendente, sì, sì, la vista è
originariamente penso così bene storicamente
okay, quindi penso d3 era il 2011 e sono solo
mettendo d3 là dentro perché è la cosa
ma questa è una cosa completamente diversa
che come vista reattiva quale altro cosa
chiami quelle cose contente?
quadri
si si ci sono le cause okay, quindi penso
ce ne sono due per rispondere alla tua domanda ma
abbiamo reagito vista
Sono d3 era il 2011 non è uno di quelli
pensa che la gente lo chiami come una stella MV
quadri ma ma reagire è avere noi
ho parlato di cosa sia la d3 per le persone
che non so che la mia casa era chiusa, sì
quindi d3 è l’acronimo di data-driven
i documenti è per questo che sono i tre DS
ed è per questo che è d3 um e che cosa
fa è davvero molto grande
libreria per aiutarti a tradurre il tuo raw
dati in ciò che è necessario attingere a
lo schermo perché il web è un po ‘
è un po ‘ strano per il disegno
forme sull’interfaccia utente web che usi SVG
o tela e con SVG che ti piace
elementi come rettangoli e cerchi ma
si hanno anche specificare si conosce il XY
posizioni in cui tutto dovrebbe essere
disegnato o i raggi o qualcosa e
i dati grezzi non avrebbero posizioni XY o
radii così d3 è la libreria che aiuta
ti piace tradurre come facciamo
dì che hai conosciuto i dati di temperatura
quindi potresti voler tradurre come
temperatura nelle posizioni Y o giù di lì
è davvero molto utile per farlo
che è davvero utile per il calcolo
come conosci layout come alberi o simili
diagrammi di rete, ecco cos’è d3
e solo è anche l’importante
si noti che d3 è il rendering SVG e p5 è
interamente basato su tela, quindi è come
alcune somiglianze tra queste librerie
fonti o enormi quantità di differenze
ovviamente, ma questo è un tipo di
distinzione importante si, beh, in realtà
d3 poiché anche la versione 4 ha effettivamente
supportato conta interessanti ok quindi cosa
lo so
oh sì, penso che la versione 4 fosse il 2016 e
è stato quando è diventato modulare e quello
è stato quando io, Mike Bostock , sono una specie di
come la persona principale che lo fa io
Immagino che fosse come la tela è davvero
importante per le prestazioni perché quando
fai la visualizzazione dei dati che potresti avere
migliaia di punti dati o decine di
migliaia ehm non puoi fare SVG no
performante dopo circa un migliaio di sì
circa tremila e poi se lo sei
animando e hai SVG non lo è
performante dopo come mille sono così
quindi ha davvero un ottimo supporto per la tela
interessante sì sì nota a margine quando ero
costruire quel brutto generatore di maglioni
i miei caricamenti erano così fondamentalmente solo tuoi
il tuo binario piace colorare le immagini
traducilo in un punto a maglia a forma di v
e poi li poso così come ciascuno
punto è un pixel nell’immagine mia
la prima iterazione era ciascuna di esse o SVG
oggetto e poi mi piace solo stenderli
certo è come se andasse anche
come un’immagine da 100 500 pixel
così tanti elementi ed è stato proprio come
inutilizzabile oh ho bisogno di usare la tela per
questo e poi trasformarlo in sensi di tela
si Wow non sapeva che SVG aveva tale
problemi di prestazioni
sì perché SVG è essenzialmente come
tutto ciò che vuoi disegnare è un singolo
Elemento Dom quindi se possiamo immaginare come se
hai mille cose che sei
disegnando c’è un migliaio di dominanti e
soprattutto con i browser moderni
se lo trasformerai
come se lo stessi manipolando in qualche modo
come la maggior parte dei browser sarebbe come cosa
mi stai facendo questo mi piace
l’erba è una cosa più grande di come io sempre
faccio tutto su tela e continuo a farlo
pensando a Oh SVG che deve essere il massimo
posto meraviglioso per essere perché tutto
è come i dati stessi e non lo è
non riesco a eseguire il rendering in pixel
quindi penso di aspirare ad essere un SVG è così
come una forma elegante un punto di vista reattivo
perché tutto diventa come questi
domino e come la cosa diffidente
come la maglia è davvero bene è come super
seducente lo usi e poi ti piace
costruisci la tua intera applicazione e poi
hai raggiunto quel limite, allora sei come no
in qualche modo penso di essere una tela
è in realtà più facile da usare io sono almeno
da un problema di visualizzazione dei dati come
prospettiva così tante volte quello che noi
potrebbe fare con dati vis è come potresti
voglio tradurre da come uno stato a
il prossimo come se tu avessi un set di dati
riguardo non so che sono lo stato del
economia in un anno e poi vuoi
animalo fino al prossimo anno o
qualcosa di tradizionale quando era giusto
d3 d3 ha un modo in cui devi piacerti
sai dargli il primo set di dati
e poi dargli il secondo set di
i dati e d3 ti diranno bene così um
queste sono le nuove cose che hai
per creare sai di fare questo questi sono
le cose che ti piacciono
sappi portare fuori dal Dom questi sono i
cose che vuoi aggiornare al
Dom e questo è quello che si chiama il
inserisci aggiornamento exit pattern um e questo è
come una realtà lui dovrebbe rivolgersi a
tieni traccia di quando ne hai voglia
conosci migliaia di cose di cui hai bisogno
come tenere traccia di così tanta tela è davvero
bello perché tutto quello che devi fare è come
e in questo millesimo di secondo attira questo
questo prossimo millisecondo disegna questo io sono et
cetera et cetera una cosa che ho sempre
pensare alla tela è che sono io
Penso sempre alla tela design-saggio era
come oh è questo grande blocco su cui si siede
la pagina mentre penso a quando
Penso a d3 e SVG di ci penso
è come piccoli disegni e animazioni
e forme tutte integrate nel
contenuto in se stesso ma in una sorta di like in
sai cosa
le cose che amo guardare sono queste
spiegazioni esplorabili funzionano i casi Nikki
per esempio e così per qualche ragione io
immagina che sarebbe quello SVG e
dativo sta avendo un tema e
saggio interattivo sui dati che lo fanno
quel genere di cose sarebbe più difficile o
in qualche modo a che fare con la tela in termini di
ma immagino che in realtà non sia vero
potrebbe aver appena perso un po ‘di tele
ovunque sì sì, in realtà penso che il
la cosa più difficile è la tela
interattività perché così è
probabilmente anche ciò a cui stai alludendo
giusto sì è solo una cosa importante quindi se
non puoi non c’è un supporto integrato
per come fare clic sull’ultimo cerchio o oh
sì, questo è quello a cui stavo pensando
ma la cosa veramente bella è che sono anche d3
ha una funzionalità come se fossi un quadrifoglio
il simile ha questo sì questo modulo
chiamato paese in cui lo date tutti
le posizioni dei tuoi dati e lo farà
tipo di quadtrees sono come poi lì
è stato suddividere e suddividere ed è
proprio come l’albero che è veramente veloce
come ricerche come n log n right um e
quindi è un modo veloce di cercare
quindi tutto quello che devi fare tutto ciò che faccio è che ho
un limite di tela
Disegnerò tutto e perché quando
Sto disegnando ho già calcolato il
dati e le posizioni XY dei dati
Allora lo prenderò per il tuo passaggio di dati
in d3 quadrifoglio e poi in qualsiasi momento a
persona come i clic I’m e d3 ha anche
mi piace davvero molto utile chiamare come d3
Mouse e poi ti darà esattamente
la posizione XY relativa al
contenitore in modo da sapere cosa fare e
hai la parte superiore della finestra
documento apri le mie cazzate del genere
sì okay sì, questo è un sacco di mormoni
nella comunità JavaScript loro
si lamentano ma loro lo sanno ma
hanno già lasciato il mio canale binario
ti dà è come un bel camion in attesa
Aspetta comp yeah ma sì dire alla mia voce
PG è come se tu lo sapessi nella mia ok io
pensa di conoscere le mie cose a maglia che ho
Esattamente la stessa cosa di come Oh qualcuno
come l’evento click, qualcuno lo ha colpito
coordinata
capire dove è stato capito
cosa dovrebbe essere sotto e capire
quello di cui ho bisogno per disegnare la tua unica cosa
Ho sempre voluto che d3 fosse il suo aspetto
quando vedo che la gente lo usa è così
potente e bello e tutto il
diversi esempi e progetti sono
stupito da ma non mi colpisce come
necessario una libreria che avresti iniziato
con se sei come imparare a programmare o
se sei come prima a fare database o
è che in realtà non è vero ci sono modi
per tipo di imparare l’uso è principiante
Frank che in realtà è come d3
è quasi più difficile da imparare se lo sai
un sacco di programmi perché paradigma della velocità
è ragazzi solo la cosa completamente così ho avuto
un’idea di base di ciò che JavaScript ero
in grado di sapere come i pulsanti contano
cosa rapida e poi sono andato in oh I
conosco JavaScript ora e posso fare come
sai che facciamo la visualizzazione dei dati e
Vado c’è come questa settimana e cos’è
ottimo per d3 è che hanno molto
di esempi sì sì – all’inizio
della mia carriera sono andato in questi sei stato tu
pensando come se avessero un sacco di codice
Posso copiare che andrà bene facile ed è stato
facile il primo era come oh posso
ho solo cerchi e grafici a barre
il prossimo è stato davvero difficile te ne rendi conto
devi fare qualcosa di creativo
tu vuoi fare qualcosa al di fuori di
la scatola e poi devi capire
questo linguaggio d3 sì che è molto
sapore particolare di JavaScript ciao
avere due parti in due parti per la risposta
a quella domanda e la prima parte è I
Così sono entrato e d3 è stato il
prima libreria JavaScript ho imparato altro
di jQuery um e ho pensato che
tutte le librerie JavaScript valgono la pena
e mi piace un po ‘come a canna
non avrebbe assolutamente idea di ciò
era come una specie di strano e non come un
libreria JavaScript standard e simile
Dovevo farlo per lavoro, così ero
come questo deve essere come sempre
e così mi sono appena ritrovato
sono solo la seconda parte di questo
la risposta è in realtà ho pensato a
molto su quel problema che come te
so d3 ha un po ‘ di a
curva di apprendimento quando inizia cuz
perché il modo in cui ci pensi è
diverso um quindi ora ho un
laboratorio di master front-end
si chiama I’m d3 per gli sviluppatori di yak
quindi se già lo sai
un sacco di fiat e poi questo in realtà
rende molto più facile entrare in t3 e
la ragione è che penso che il principale
la curva di apprendimento per d3 è il tipo di
inserisci aggiornamento modello di uscita uh-huh, ma sono
questo è in pratica il modo in cui reagisci
lavora sotto il cofano e quindi se tu
renditi conto che allora hai solo bisogno di d3
i calcoli di dati di come sai
le coordinate XY o simili al mouse d3
o come lo sai che il tipo quadripree
di cose ma non devi usare d3
per come il vero Dom che hai appena detto
reagisce come questi sono come SVG
elementi sono questo sono i dati come questo
è lo stato voglio che il rendering in
quello stato questo è il soggiorno che ti voglio
per rendere Io sono e tu non devi fare
la vera parte difficile di Gabriel così
questa è un’altra cosa che ho tipo
mi sono interrogato sulle biblioteche come questa
come d3 è quindi è una cosa se quello che tu
Diciamo che vieni assunto per un lavoro come
per favore ecco i nostri dati che vorrei
vedere un grafico a barre per favore sì ma III
ha inserito il codice che trovi
esempio lo adattare hai la barra
grafico dei tuoi dati ma per qualcosa
come quello su cui hai lavorato come SFMOMA
per esempio se stai cercando di tipo
innovare ne stiamo parlando forse
no, ma così così ora tutto giusta finitura
cosa ma allora siamo parlare andando su
si, credo che sia stato fantastico
quindi non intendevo questo, ma l’ho attirato
più ampiamente se stai cercando di inventare
la tua lingua per la visualizzazione dei dati
e trovare nuove idee con le tue
il design che è unico o creativo fa proprio
la biblioteca a volte limita quelli
o fa qualcosa come una cosa
siamo sempre stati coscienziosi
con l’elaborazione in p5 proviamo a costruire
in modo tale da non finire
persone che fanno cose che assomigliano oh
è stato realizzato con questo strumento come ha fatto
il non c’è come un effetto automatico
quello come realmente è realmente
di bell’aspetto che tutti usano e
ogni tipo di progetto , quindi anche tu
lotti con quello nell’uso
librerie o no perché è davvero sì
Vai avanti
in realtà probabilmente hai anche un input
Sono davvero antipatico alle librerie costruite
Top di T3 che sono come la creazione di grafici
biblioteche o e perché io sono per me io
pensa d3
la giusta quantità di flessibile e il
giusta quantità di tipo aperto di simili
quello che stavi dicendo sono dove posso
letteralmente scegli e scegli il
cose che voglio da quella libreria
e non mi sento alcun obbligo di utilizzare
altre parti della biblioteca um mentre
loro sono con molte librerie di grafici
come se tu possa costruire un grafico a barre ma
questo è tutto ciò che puoi fare per me. Faccio molto
come di visualizzazioni molto non standard
Non eseguo rigorosamente solo un grafico a barre I
non fare semplicemente come un grafico a linee
quelli sono ed è tutto molto fluido
quindi uso sempre e solo come d3
e userò io uso la vista in questi giorni e
come si ottiene calza verde per l’ animazione e
questo è tutto ciò che uso
così come parlare un po ‘del tuo
altri V come te sono strane visualizzazioni
Voglio sapere del progetto perché
quello era quello con gli alberi sì
sì fiori e alberi sì, dimmelo
a tale proposito, come è nato?
cos’era e quanto ero un sacco di mio
roba sono più in quella direzione che
come quello che potresti pensare come
visualizzazione dei dati Io sono non so se
come dovrei mostrarti o come come
vuoi farlo aspettare cos’è?
progetto oh vuoi vedere questo sì
oh record della schermata in modo che la gente sappia
quello che guardiamo ho bisogno di sostituirlo
sbarazzarsi di tutte le password segrete per
CD SFMOMA uno e questo ero io
fondamentalmente quello che mi hanno chiesto di fare
ho notato che questo bug mi ha fatto bene
qui ignoriamolo e dopo averlo indicato
fuori e così quello che mi hanno chiesto di fare è
l’ anno scorso l’ estate l’hanno rilasciato
programma chiamato semi SFMOMA
e puoi scrivere questo numero e puoi farlo
dimmi come mandami arte mandami amore mandami
io questa emoji come mandami sono io e loro
hanno ottenuto 5 milioni di testi e
quello che farebbero è che lo farebbero
rispedire un’opera d’arte che pensano
ha abbinato quella richiesta e poi sono venuti
a me e un’altra agenzia creativa e
ci ha chiesto di fare qualcosa con quello
dati
Sono e quindi quello che ho fatto è che ho cinque anni
milioni è molto quindi ho deciso di farlo
costante
su solo cinque persone e tipo di
la loro interazione con il servizio per a
settimana e il modo in cui lo leggi è io
ognuna di queste foglie o fiori sono
un singolo testo che hanno inviato così a
fiore significa che le richieste che loro
inviato è stato qualcosa di positivo come me inviare
amami un po ‘di felicità che una foglia significasse
era qualcosa di neutro come semi-astratto
o mandami e poi quando è uno
di queste specie di foglie vuote e simili
significa che hanno chiesto qualcosa
negativo quindi è come qualcosa di simile
semi morti significa che non lo so
visto il non c’è che non lo fanno
in realtà chiedo che molti negativi
cose che sono davvero fantastiche e lo sono
colorato fondamentalmente dall’opera d’arte
hanno ricevuto indietro così ho estratto I
pensa ai pochi colori migliori e poi lo farò
come una sorta di effetto acquerello in I’m
e quindi puoi anche interagire con esso
per tipo di vedere l’ordine in cui essi
ha chiesto cose così è davvero bello
vedere come ad esempio questa persona ha chiesto
per qualcosa di panetteria e poi hanno ottenuto
questa cosa è stata la panetteria che
in qualche modo li ha ispirati a chiederti di farlo
come un semi-sorriso
e hanno avuto questo tipo di mi dispiace per
l’ artista ha un aspetto un po ‘ inquietante
cosa che sembra piangere e
allora questa persona ha chiesto per le lacrime semi
e così come questo tipo di come il
in modo che questo le interazioni di testo
mi manderebbe SFMOMA
Sono piuttosto influenzato dal loro umore
tipo di quello che stavo per in modo da poter
quindi ognuno di essi è disegnato in d3 no
questa è stata un’interessante esplorazione
in tech sono così, essenzialmente sono
cosa ho fatto
Ho davvero un lungo resoconto
per gli schizzi di dati che è questo progetto
Lo faccio con il mio amico Noddy e Doddy
Bremer e io e io sono fondamentalmente
questo è così bello quindi sappiamo che hai un
fondamentalmente un argomento e poi lo faremo
fondamentalmente uscire e trovare un set di dati per
questo argomento e poi
fai l’intera visualizzazione dall’inizio alla fine
finisci e poi facciamo dei commenti su
l’intero processo in modo che tu possa effettivamente
leggi l’ intero tecnico come come noi
andò a prendere i dati in modo questo è una specie di
come um tutti i dati che avevo a portata di mano um
come ho deciso di andare come
prototipazione quindi e questo è un po ‘
come sai, ho visto Tyler Hobbs come
effetto acquerello e volevo davvero
ricrealo e questo è come
aspettativa contro realtà e poi così
allora sai che mi ha aiutato in vari modi
la gente mi ha aiutato e ho capito bene e
questo è come sembra in realtà
i dati sono e poi sono stato in Giappone al
ora quindi ho iniziato ad essere come me
voglio fare fiori e così ho fatto
questo è in realtà quando sapevo quando ero
guardando attraverso il rumore di Perlin perché se
noti che sono a ciascuno di questi colpi
sono vari e simili al genere
spessore così sembra che sia mano
disegnato sì io sono e quindi quello che ho fatto è stato
sì, ho fatto percorsi SVG e poi sono andato
attraverso ogni sentiero con carlin simile
rumore e fatto questo in tela sono così
ci sono un sacco di cose sovrapposte, penso
Io uso solo d3 per fare questo
base come scalare um questi effettiva
le forme sono fondamentalmente calcolate a mano e
quindi ho dei link a codice come ogni
singolo passo del cammino sono ma questo è un
la combinazione di um è semplicemente pura
conosci i comandi della curva di Bezier
Sono usato calzino verde per fare il reale
tipo di tempistica a quando si presenteranno
quando disegneranno e io ho usato view to
tipo di gestire solo come molto di base
interazioni Sono sì, io sono un limite
a cinquanta minuti e questo non è probabilmente
il problema è che la batteria è
scappare con quella telecamera ma è così
come penso che sia un po ‘come un buon
posto per concludere e penso che dovremmo
finisci dove le persone possono trovarti
online oh sì, così il mio account su Twitter
è sxyw you io sono yeah si lo fai ancora
fare lo spasmo di streaming no sì sì sì bene
Sto cercando di tornare in esso come il mio
la vita personale è come esplosa nel
l’ anno scorso sì , le persone dovrebbero seguire
la tua pressione sociale come 600 follower
su Twitch alla luce tre mesi come
poiché nei tre mesi non ero
facendo qualsiasi flusso e io sono come cosa
è successo qui sì sì sono così sono
sperando di tornare in esso come gennaio
Febbraio o così sono, ma sì , sono d’accordo
Non sono maneggiato ovunque contorto
Github di Twitter sul mio sito web è calmo
e va bene il cervello per cercare e basta
il treno roba in modo da programmare il treno
YouTube e io sono a Schiffman che è no
posto Shi FF MN su Twitter tutto bene e
Mi dispiace ko e dico ma RI su Twitter I
non ho YouTube anche se sì
penso che abbiamo avuto una lunga tre ore
conversazione mentre tu mi dicevi
per iniziare sei sempre il benvenuto
se voi tutti e due lo vorrete sempre
fare come un ospite posto se sei in New
York di nuovo o ogni volta che vuoi che abbiamo avuto
un sacco di divertimento sì ogni volta che faccio un like
ragazza che mi fa schifo, di solito finisco per chiamare
twittando come una volta lo chiamo
tweet Dean con come quattro immagini e
poi come se fosse come iniziare alla fine
come la storia di come spiegare a
tecnologia e poi qualcuno ha detto
puoi far suonare i tuoi cassetti
questo argomento e sono come mi piace che io
Stavo facendo sì ogni volta che disegno
girando sempre un niente Twitter così
Oh Oh brillante grazie mille
[Risata]
questo è ancora in registrazione ed è qui
di nuovo con una batteria nella fotocamera
fantastico
Sono qui per ricordarti quello di oggi
lo sponsor è stato geniale se ti senti
come se dovessi probabilmente fermarti
procrastinare su una macchina per l’ apprendimento
l’apprendimento geniale è tuo amico
brillante barra org
FFF anche lo stesso link è nell’episodio
descrizione se sei nuovo nello show
benvenuto a questo è stato un episodio di divertimento divertente
funzione li rilascio ogni lunedì
mattina oh aspetta centinaia di GMT ma lo farai
dimenticalo, quindi puoi iscriverti
cliccando qui o guarda un altro episodio
in questo momento cliccando qui sono mpj
fino al prossimo Lunedi mattina grazie
Please follow and like us: