Encouraged by the 40+ reactions & over 1k views on my first two posts on this dev site overnight, I'd like to share with you another VSCode extension I started working on recently to gauge devs interest in viewing and prototyping charts in vscode.
I've been doing a lot of custom dataViz dev work through my indy co. Random Fractals Inc. for years, mostly using d3 & Py libraries. They are great tools to visualize data. However, diving into raw d3 and even Jupyter notebooks require years of practice and experience.
& Py notebooks I've done on Chicago crimes here :(
Lately, a lot of great charting libraries came on the scene to alleviate the raw d3.js pain.
See Vega-Lite Ecosystem page for tools, plugins & language bindings you can use for Vega charts 📊, maps 🗺️ & graphs 📈.
I started off this year by creating Vega Viewer 📈 extension for VSCode since it's the IDE I use for all of my JS, TS, C#, Py & Java dev work.
While Vega provides a great online Vega Editor I found it somewhat lacking for my daily dataViz dev workflow since I often prototype charts with local data snapshots and commit those revs to github for the custom dashboards I work on.
So, I created Vega Viewer 📈 extension for vscode that allows me to prototype Vega graphs fast locally ;)
Shortly after, I also discovered that VSCode doesn't really have a good extension for previewing raw data for exploratory data analysis if you don't count the recent Jupyter notebooks support Microsoft added this year.
So, I created Data Preview 🈸 extension with pluggable data providers for different data formats, including all the Excel files and the popular Apache Arrow data format used by most dataViz geeks and data scientists today.
I picked Perspecive library for that extension Data View part due to built-in Arrow data support, fast canvas-based grid rendering, some basic built-in charts features, and extremely fast data transformations via webAssembly.
I jotted some ideas to make Data Preview 🈸 better in the future revs here: https://github.com/RandomFractals/vscode-data-preview/issues if you'd like to peruse that list & 👍 the features you'd like to see there next.
Because all good things come in 3's as Nikola Tesla used to say, I recently published this Chart.js Preview MVP extension.
Chart.js Preivew 📊 of
.chart config files.
./samples for chart config examples.
Note: more Chart.js Samples will be added in the next v. update!
Chart: Chart Samplescommand from
View -> Command Pallette...menu
for a quick list of built-in chart config examples.
Chart: Preview Chartcommand on an open
.chart.json5chart config document to Preview 📊
See #ChartJS 📊 tag on Twitter for the latest & greatest updates on this vscode extension & what's in store next.
I did reach out to the chart.js library maintainers via github & in their Slack. However, I have not received a single response from that OSS charting library team expressing interest in this vscode extension, even tho it seems to be very popular with JS devs from all walks of life :)
So, I'm just gonna leave this here for now in case vscode devs using this site are interested in having such an extension for quick chart.js prototypes. I can add more .chart.json5 config examples for the curious minds ...
Post your comments on that || the other 2 dataViz dev tools I've built for vscode below.
dataPixyalso, since my #3rd #charts 📊 @code #extension is out now, I think I can claim #charts #achievement #unlocked! 🏆🏆🏆 :) 3 out of 4 when you search 'charts' in MS #marketplace are mine! w00t! marketplace.visualstudio.com/search?term=ch…
#dataPixy🧚♂️#dataViz #devTools 🔬 ...12:55 PM - 28 Oct 2019