Circadian Rhythms
1:21
2 жыл бұрын
7 Essential Data Art Tools
15:23
4 жыл бұрын
What is Data Art?
11:53
4 жыл бұрын
Deep Sea
1:21
4 жыл бұрын
Evading Confinement
1:05
4 жыл бұрын
Пікірлер
@keirswaine2183
@keirswaine2183 24 күн бұрын
I like your distinction between data art and data visualisation.
@cartoonfive
@cartoonfive 29 күн бұрын
I am just exploring echarts since I saw Your videos. It seems rather unclear if or how I can customize the fonts though. The library as whole looks very impressive, but custom fonts would be great for embedding with existing brand guidelines.
@KirellB
@KirellB 29 күн бұрын
You can! Load the font first in HTML and then you can use it in the option object: "textStyle": { "fontFamily": "Comic Neue, cursive" # Specify Comic Neue here }
@cartoonfive
@cartoonfive 28 күн бұрын
@@KirellB Sounds great, thanks for the hint! Filing this as a todo, there is so much to ingest and try with cables :D
@cartoonfive
@cartoonfive Ай бұрын
Fantastic! Glad I found this, thanks for sharing!
@imotvoksim
@imotvoksim 4 ай бұрын
This is pretty nutty! Just to understand, you uploaded a bunch of your own work, writing, interviews and then prompted the system to generate a conversation between two people about this body of work? How much prompt engineering? How much trial and error? Which iteration of this conversation is this? Just finding it fascinating, thanks for sharing!
@KirellB
@KirellB 4 ай бұрын
Yes I put 4 youtube transcripts of my interviews / presentation (found on this channel), a biography and link to my website. I clicked on a single button. No prompt engineering, no trial and error, 1 shot. This is the result!
@imotvoksim
@imotvoksim 4 ай бұрын
@@KirellB This context makes it even more amazing. Very cool!
@98f5
@98f5 5 ай бұрын
Can u feed cables live data
@KirellB
@KirellB 5 ай бұрын
@@98f5 yes of course. Through an HTTP API or websocket or socket cluster. Check the decode.gl channel there are examples :)
@jffaust
@jffaust 5 ай бұрын
That is so freaking cool!
@Superdooperhero
@Superdooperhero 6 ай бұрын
Cool, thanks. How can I put the chart on a spinning rectangle say? And how do I embed cables into my own web page?
@KirellB
@KirellB 6 ай бұрын
@@Superdooperhero you can check my other channel: decode.gl where can learn about the tool and deploy. Check out our discord too
@fire17102
@fire17102 11 ай бұрын
Two years later, can we finally use ANY pip package? And basically port any (pythonic) module ? No matter the requirements. Thanks 🙏
@KirellB
@KirellB 11 ай бұрын
They embed a tool called micropip, it should be possible to install any pure python wheel. Here is the list of official packages: pyodide.org/en/stable/usage/packages-in-pyodide.html
@marciosfreitas
@marciosfreitas Жыл бұрын
Tell us about your journey! How do you became a data artist? What about make a video about your journey?
@gonzobmx91
@gonzobmx91 Жыл бұрын
thank you! Great portion of information!
@sashasmolkin6848
@sashasmolkin6848 Жыл бұрын
Hey it wouldn't let me clone the custom ops? Can't go any further in the tutorial with this :(
@KirellB
@KirellB Жыл бұрын
Cables.gl changed a lot since the video. I've updated the code, you should be able to clone the OPs.
@danieljychun
@danieljychun Жыл бұрын
Great stuff. Any updates to these tools with new tech?
@frankbee9831
@frankbee9831 Жыл бұрын
Great Video. Why did you stop creating more "content"?
@KirellB
@KirellB Жыл бұрын
I'm preparing a full blown course and dedicated website to teach these topics. Just takes time in between projects. I didn't forget! Thanks for your comment
@knightwolf8877
@knightwolf8877 Жыл бұрын
I am so excited by this.
@AdrienSales
@AdrienSales Жыл бұрын
I really enjoy a lot the way you talk about data... and the work you put in. Which tool did you use on this dataart ? Gephi ? Could you detail how you could generetae that big piece of art ? I have some beautiful Gephi and I would like to share them at the office. Thanks a lot for sharing your work and passion.
@KirellB
@KirellB Жыл бұрын
The nodes are positioned with python. Rendered with gephi i think yes.
@AdrienSales
@AdrienSales Жыл бұрын
Thanks for the answer @@KirellB, and how did you upscale the final image ?
@AdrienSales
@AdrienSales Жыл бұрын
Thanks a lot for this tools overview.
@violenttta
@violenttta Жыл бұрын
Wow very nice, thanks!
@sensemusicofficial
@sensemusicofficial Жыл бұрын
oh thats sad you missed one of the most important interesting unique procedural graphics tools out there.. Tooll3 ..
@KirellB
@KirellB Жыл бұрын
Tooll3 is awesome. It is still young and was not there when i made the video. I should do a new version. Sadly it is still windows only like vvvv gamma (which can now compile to linux).
@mezhunorose5147
@mezhunorose5147 Жыл бұрын
Can a art student take up data art. What should I actually take
@KirellB
@KirellB Жыл бұрын
Of course! It will be a very rich journey with marketable skills as a reward. I suggest you start with cables.gl. Check out my other videos.
@darrellplank4518
@darrellplank4518 Жыл бұрын
If you like node based art you should definitely try VVVV out. It's free and amazing.
@raquelespiritu4750
@raquelespiritu4750 Жыл бұрын
This is great information, Kirell! Thank you!
@circleradius8860
@circleradius8860 2 жыл бұрын
How can I use the runPython node in cables?
@KirellB
@KirellB 2 жыл бұрын
Join the Cables' discord and ask me there, I'll share the patch with you.
@mattjoe182
@mattjoe182 2 жыл бұрын
This is the most starred repo on the Apache github.. why are not very many people talking about this? Is it mostly popular in China?
@KirellB
@KirellB 2 жыл бұрын
Yeah, despite it's extremely good design..
@rufus525
@rufus525 2 жыл бұрын
Hi Kirell, I have set this up but I am getting no communication between the two patches. On the recieving patch the SocketClusterRecieveArray shows Array(null). It is recieving nothing from the sending patch either running on the phone or the computer in another tab. I have checked, the uuid channel and the topic match but there is no data flow. I also have the warning on the motionSensor op about s but there should at least be 3 static array values. Can you suggest anything to try or check?
@KirellB
@KirellB 2 жыл бұрын
Please join the Cables's Discord channel to share your patch. Easier to debug there. Depends on the SocketCluster server as well. Heroku is shutting down free hosting, maybe the server is just down..
@jimimased1894
@jimimased1894 2 жыл бұрын
this is so great! i can alter the browser image via the slider along z on mobile, BUT I get no xyz orientation? when I look at the motion sensor patch it says "Warning: MotionSensor does not work in an , open the patch without an to get it to work" how do I fix this issue?
@KirellB
@KirellB 2 жыл бұрын
You can deploy the patch on your own website, or download the code and run it locally on your computer with node or python for instance.
@jimimased1894
@jimimased1894 2 жыл бұрын
@@KirellB thanks Kirrell!
@jimimased1894
@jimimased1894 2 жыл бұрын
amazing
@Joe-w
@Joe-w 2 жыл бұрын
This is cool! Do you know if it's possible to do any audio synthesis with cables? Cant seem to see anything in the documentation
@KirellB
@KirellB 2 жыл бұрын
Yes, I have tried several attempts using WebAssembly. You can use Faust or Maximilian.js to generate sounds, synths etc. But the binding is home made and purely experimental. Ping me on discord and I'll share the patches with you :).
@metasmash
@metasmash 2 жыл бұрын
Isn't pyodide heavy for an app? A single page app? I encoutered some issues on chrome when using pyodide. The app seamed heavy, slower, not optimized at all. Also, if you're using libaries, the client have to load them every time he access/refresh the app. Does some of you never encoutered these issues?
@KirellB
@KirellB 2 жыл бұрын
Of course!! Use cases are very limited right now and it's more like a tech demo. But you can do a bit a ML and data science in the browser - perfect for classroom or scientific uses but not for general public facing apps.
@ycombinator765
@ycombinator765 2 жыл бұрын
Wow, it is exceptionally awesome, and really impressive as you said. Subbed <3
@unpatel1
@unpatel1 2 жыл бұрын
Thank you for this great video.
@unpatel1
@unpatel1 2 жыл бұрын
Thanks for this great informative video! I am getting into data viz art so I was checking on the web and found your great youtube channel.
@unpatel1
@unpatel1 2 жыл бұрын
Very informative video. Thank you.
@CaronLyon
@CaronLyon 2 жыл бұрын
Thank you for sharing these tools.
@CaronLyon
@CaronLyon 2 жыл бұрын
I am embarking on a data art audience generated art piece with University of Nottingham. So delighted to stumble across your channel. Would really like to connect. Would you be interested in a talking with me about my 100 mile radius piece?
@KirellB
@KirellB 2 жыл бұрын
Sure, sounds cool! We can via my website or twitter. www.kirellbenzi.com
@olegl3743
@olegl3743 2 жыл бұрын
Art is the soul of science.
@anneketerschure78
@anneketerschure78 2 жыл бұрын
Thank you so much for creating these video's! Really insightful and useful :) I feel like I'm getting unstuck in what I'm good at / what I like to do / what I want to achieve; and realizing that art can be a perfect way of communicating science !
@GillesBeaulacJoe
@GillesBeaulacJoe 2 жыл бұрын
Thank you for your video! Great job! I just started to use eCharts based on your video. I have it working good. I have integrated it in my PHP app. Problem: I need to be able to change language of display like French and Spanish. English is also needed but it is in by default. I also link to the echarts library via CDN. I know I must registerLocale and init locale, but that doesn't work. I suppose I need the langFR.ts and langES.ts files linked too. How do I do that? Thanks
@KirellB
@KirellB 2 жыл бұрын
In theory you should: 1) Import the locale (langFR.ts) using an import 2) Call echarts.registerLocale('FR', importedObject) 3) Use 'locale' : 'FR" in the options when creating the chart This issue could help as well: github.com/xieziyu/ngx-echarts/issues/290
@rembautimes8808
@rembautimes8808 2 жыл бұрын
I’m from Malaysia , great video and I think the developers made a great job in abstracting away the complexity.
@rembautimes8808
@rembautimes8808 2 жыл бұрын
I was watching a tutorial on D3 and decided to check this out. Amazing library
@aboodnoah975
@aboodnoah975 2 жыл бұрын
Hi , thanks for the nice videos. I have a webgl question related to web gl in cables, I would like to attach information to an object in viewer. For instance, when I click on an object, I would like to retrieve some information that's tied to the object, like a URL, and then run a function using that information. for example if i click on a cube in web gl in cabels i can see its width, length and height and maybe calculate its area with a function. thanks in advance
@KirellB
@KirellB 2 жыл бұрын
You can store the data in Json and use the Raycast to highlight the object. Check the example patches on cables.gl.
@omargasca2133
@omargasca2133 3 жыл бұрын
In minute 5.50 which is the library you mentioned? vidia? sorry I couldn't understand Great vid btw
@KirellB
@KirellB 3 жыл бұрын
vega.github.io/vega/ :)
@matteopz1631
@matteopz1631 3 жыл бұрын
Wow! Really really amazing! What Tool did you use here?
@KirellB
@KirellB 3 жыл бұрын
Chaotica but you can try jWildFire or Mandelbulber as well
@floriancarrere9224
@floriancarrere9224 3 жыл бұрын
Hey! Thanks for this nice and impressive tutorial. One thing I'm curious about is how circle mapping algorithm would behave on a hierarchy (tree) structure that would allow some node(s) to have multiple ancesters (like in the typical diamond pattern for instance)? Or even further, that have ancesters of different depths. Is it possible and if not, are D3 tools enforcing such topology checks on hierarchy input?
@KirellB
@KirellB 3 жыл бұрын
Good question! By definition a node in a tree cannot have more than 1 parent. So if you had a diamond structure, it would be a graph. To visualize it, one could use graph layout algorithms (upcoming tutorials) or create a "spanning tree" to cut less important edges of your graph to come back to a tree structure. Then use circle packing or treemap (upcoming tutorial as well) or sunburst. I checked the d3 code but did not clearly see any constraints for a tree as input, so it probably choose the first parent when building the tree but I'm not sure.
@matteopz1631
@matteopz1631 3 жыл бұрын
Always really cool content!
@akksheye2310
@akksheye2310 3 жыл бұрын
Thank You for This one ❤️
@ai.201
@ai.201 3 жыл бұрын
Is it possible to scrape twitter followers which are around 10 million?
@KirellB
@KirellB 3 жыл бұрын
Twitter has an official API to let you interact with the service. 10 million seems like a lot!
@guillemservera
@guillemservera 3 жыл бұрын
I studied Film degree and for several reasons I started studying Data Science degree in 2019. This is GOLD. Thank you! 🙏🏻
@Maric18
@Maric18 3 жыл бұрын
im mostly interested in not having to use javascript for websites
@KirellB
@KirellB 3 жыл бұрын
I'm not sure it's possible yet. Webassembly is the way to go but you can also investigate transpiled languages.
@amalalotaibi99
@amalalotaibi99 3 жыл бұрын
You are someone who explains the information in a very simple and clear way, and your content is ahead of its time
@SavingShredz
@SavingShredz 3 жыл бұрын
As a Puertorrican software engineer with an interest in wasm, I appreciate your music taste esp El Gran Combo :D
@KirellB
@KirellB 3 жыл бұрын
Awesome band! I'm proud of my salsa playlist ^^.