Automatic data visualization in atom with the nteract data-explorer

Last update: Dec 01, 2022

Related tags

Overview

Data Explorer

Interactively explore your data directly in atom with hydrogen!

The nteract data-explorer provides automatic data visualization, so you can get a feel for your data quickly and with minimal code!

🚧 This is a work in progress. Please open issues and pull requests!

⚠️ As this package has some open issues with styling, the following atom themes are recommended for now:

🎨 Atom One Light syntax theme
🎨 Atom One Light UI theme

How to try it out:

Atom packages:

Install both hydrogen and the data-explorer package in atom, or in the cli:
```
apm install hydrogen data-explorer
```

Make sure you have installed:

python, along with the pandas data analysis library
At least one python jupyter kernel

Then, just start a python kernel in hydrogen and run the following code:

import pandas as pd

# Enable the table_schema option in pandas, 
# data-explorer makes this snippet available with the `dx` prefix:
pd.options.display.html.table_schema = True
pd.options.display.max_rows = None

# (Your dataframe here)
iris_filename = './iris.csv'
df1 = pd.read_csv(iris_filename)

df1

Comments

Failed to load the data-explorer package

[Enter steps to reproduce:]

Atom: 1.32.0 x64 Electron: 2.0.9 OS: Ubuntu 16.04.5 Thrown From: data-explorer package 0.3.1

Stack Trace

Failed to load the data-explorer package

At Cannot find module '@blueprintjs/select'

Error: Cannot find module '@blueprintjs/select'
    at Module._resolveFilename (module.js:543:15)
    at Module._resolveFilename (/usr/share/atom/resources/electron.asar/common/reset-search-paths.js:35:12)
    at Function.get_Module._resolveFilename (/usr/share/atom/resources/app/static/<embedded>:11:154364)
    at Module.require (/app.asar/static/index.js:40:43)
    at require (/usr/share/atom/resources/app/static/<embedded>:11:145671)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/VizControls.js:20:15)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/VizControls.js:391:3)
    at Module.get_Module._compile (/usr/share/atom/resources/app/static/<embedded>:11:146381)
    at Object.value [as .js] (/usr/share/atom/resources/app/static/<embedded>:11:149928)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)
    at Module.require (/app.asar/static/index.js:47:45)
    at require (/usr/share/atom/resources/app/static/<embedded>:11:145671)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/index.js:48:43)
    at /packages/data-explorer/node_modules/@nteract/transform-dataresource/lib/index.js:495:3)
    at Module.get_Module._compile (/usr/share/atom/resources/app/static/<embedded>:11:146381)
    at Object.value [as .js] (/usr/share/atom/resources/app/static/<embedded>:11:149928)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)
    at Module.require (/app.asar/static/index.js:47:45)
    at require (/usr/share/atom/resources/app/static/<embedded>:11:145671)
    at /packages/data-explorer/lib/common.js:33:2)
    at /packages/data-explorer/lib/common.js:11:76)
    at Module.get_Module._compile (/usr/share/atom/resources/app/static/<embedded>:11:146381)
    at Object.value [as .js] (/usr/share/atom/resources/app/static/<embedded>:11:149928)
    at Module.load (module.js:561:32)
    at tryModuleLoad (module.js:504:12)
    at Function.Module._load (module.js:496:3)

Commands

Non-Core Packages

data-explorer 0.3.1 
Hydrogen 2.6.0 
hydrogen-launcher 1.2.2 
hydrogen-python 0.0.7

opened by cchlanger 10

Error compiling Less stylesheet

Hi,

When installing the data-explorer, I get this error:

Line number: 3 '../node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css' wasn't found. Tried - /home/lordflaron/.atom/packages/data-explorer/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/node_modules/one-light-syntax/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/node_modules/one-light-ui/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/static/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,/usr/lib/atom/node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css,../node_modules/@blueprintjs/icons/lib/css/blueprint-icons.css

Is there a missing dependency I need?

Thank you so much!

opened by amichuda 4
Unable to open

I installed it using apm command, and it can open another window with the name "data-explorer/docker-view", but nothing shows up. I just use cmd+enter to execute the current line "df".

opened by zhangpanzhan 0

crash after clicking on hex plot

open data frame, click on hex bin plot. It shows up but then suddenly crashes.

Atom: 1.35.1 x64 Electron: 2.0.18 OS: Microsoft Windows 10 Pro Thrown From: data-explorer package 0.6.0

Stack Trace

Uncaught Invariant Violation: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=Thu%20Dec%2013%202018%2012%3A01%3A51%20GMT-0800%20(Pacific%20Standard%20Time)&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

At C:\Users\dominikschneider\.atom\packages\data-explorer\node_modules\react-dom\cjs\react-dom.production.min.js:248

Invariant Violation: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=Thu%20Dec%2013%202018%2012%3A01%3A51%20GMT-0800%20(Pacific%20Standard%20Time)&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at ba (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:13:315)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:14:166)
    at Bf (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:137:39)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:141:49)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:143:145)
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:147:131
    at /packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:164:72)
    at Tg (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:181:151)
    at bi (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:232:22)
    at ci (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:233:284)
    at Di (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:249:348)
    at Yh (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:248:144)
    at Gi (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:250:420)
    at Kb (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:39:140)
    at Dd (/packages/data-explorer/node_modules/react-dom/cjs/react-dom.production.min.js:86:249)

Commands

     -3:17 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:16.3.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:16.3.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:14.1.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:14.1.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:13.6.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:13.6.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:12.2.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:12.2.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
     -3:11.2.0 hydrogen:run-and-move-down (input.hidden-input)
     -3:11.2.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused)
  2x -3:09.4.0 core:move-up (input.hidden-input)
  3x -2:54.5.0 core:backspace (input.hidden-input)
     -2:52.5.0 hydrogen:run (input.hidden-input)
     -2:52.5.0 autocomplete-plus:cancel (atom-text-editor.editor.is-focused.autocomplete-active)
     -2:29 settings-view:open (input.hidden-input)

Non-Core Packages

autocomplete-python-jedi 1.10.3-0 
data-explorer 0.6.0 
file-icons 2.1.31 
Hydrogen 2.9.0 
hydrogen-launcher 1.2.2 
MagicPython 1.1.1 
platformio-ide-terminal 2.9.1 
tablr 1.8.3

opened by dschneiderch 0

column resizing issue

Thanks for this super cool extension!

I thought I'd point out that things go a bit haywire if you try to resize the columns.

I'm on Windows 10, Atom 1.34, data-explorer 0.5.0

opened by dschneiderch 6
[WIP] use nteract outputs component
[x] Make a custom outputs component that only renders data-explorer output

[x] Write some tests

[ ] Refactor and simplify the rest of the package and integrate

[ ] useEffects to open and close atom dock, toggle user config, and other side effects, replacing that logic in other areas of the package. (bump react to 16.8)

This should let me up with a nicer package and some learnings to take to future packages/refactors.
opened by BenRussert 0

Releases(v0.7.0)

v0.7.0(Jul 3, 2019)
add dark mode

update flow

Source code(tar.gz)
Source code(zip)
0.6.0(Apr 8, 2019)
Features

Move toolbar to the left

Bugs

Fix stylesheet import error #8

Source code(tar.gz)
Source code(zip)
v0.5.0(Feb 7, 2019)

In this release I've updated deps and fixed a couple other issues so that the app is usable again, but still in an experimental stage!

Other thoughts:

This package is still under development and in an experimental phase. I am hopeful this will be pretty cool once I get some traction on it. We have been improving the nteract data-explorer component dependency itself and have made some great progress there in the past few weeks.

Anyway, I'd encourage you to try this out again if you haven't recently.

Source code(tar.gz)
Source code(zip)
v0.4.0(Nov 7, 2018)
Bug fixes and minor changes:

Remove styles workaround

Fix #1 via #2

Source code(tar.gz)
Source code(zip)
v0.2.2(Aug 25, 2018)

Published!
Source code(tar.gz)
Source code(zip)
v0.2.0(Aug 25, 2018)
data-explorer

initial release

Source code(tar.gz)
Source code(zip)

Owner

Ben Russert

Video Experience team @bombbomb

GitHub Repository

Automatic data visualization in atom with the nteract data-explorer

Related tags

Overview

Data Explorer

How to try it out:

Comments

Failed to load the data-explorer package

Stack Trace

Commands

Non-Core Packages

Error compiling Less stylesheet

Unable to open

crash after clicking on hex plot

Stack Trace

Commands

Non-Core Packages

column resizing issue

[WIP] use nteract outputs component

Releases(v0.7.0)

v0.7.0(Jul 3, 2019)

0.6.0(Apr 8, 2019)

Features

Bugs

v0.5.0(Feb 7, 2019)

In this release I've updated deps and fixed a couple other issues so that the app is usable again, but still in an experimental stage!

Other thoughts:

v0.4.0(Nov 7, 2018)

v0.2.2(Aug 25, 2018)

Published!

v0.2.0(Aug 25, 2018)

data-explorer

Owner

Ben Russert

Visualise top-rated GitHub repositories in a barchart by keyword

FairLens is an open source Python library for automatically discovering bias and measuring fairness in data

Small binja plugin to import header file to types

Visualize the training curve from the *.csv file (tensorboard format).

Python library that makes it easy for data scientists to create charts.

A Python package for caclulations and visualizations in geological sciences.

GD-UltraHack - A Mod Menu for Geometry Dash. Specifically a MegahackV5 clone in Python. Only for Windows

DrawBot lets you draw images taken from the internet on Skribbl.io, Gartic Phone and Paint

Comparing USD and GBP Exchange Rates

Learn Basic to advanced level Data visualisation techniques from this Repository

Extensible, parallel implementations of t-SNE

Quickly and accurately render even the largest data.

ScisorWiz: Differential Isoform Visualizer for Long-Read RNA Sequencing Data

Functions for easily making publication-quality figures with matplotlib.

Learning Convolutional Neural Networks with Interactive Visualization.

A python script to visualise explain plans as a graph using graphviz

HW_02 Data visualisation task

Collection of data visualizing projects through Tableau, Data Wrapper, and Power BI

哔咔漫画window客户端，界面使用PySide2，已实现分类、搜索、收藏夹、下载、在线观看、waifu2x等功能。

Python code for solving 3D structural problems using the finite element method