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

Parse Robinhood 1099 Tax Document from PDF into CSV

Painlessly create beautiful matplotlib plots.

nvitop, an interactive NVIDIA-GPU process viewer, the one-stop solution for GPU process management

Ana's Portfolio

Visualize your pandas data with one-line code

Compute and visualise incidence (reworking of the original incidence package)

GitHub English Top Charts

plotly scatterplots which show molecule images on hover!

Bcc2telegraf: An integration that sends ebpf-based bcc histogram metrics to telegraf daemon

Simple plotting for Python. Python wrapper for D3xter - render charts in the browser with simple Python syntax.

Gesture controlled media player

WebApp served by OAK PoE device to visualize various streams, metadata and AI results

kyle's vision of how datadog's python client should look

This Crash Course will cover all you need to know to start using Plotly in your projects.

Python package to Create, Read, Write, Edit, and Visualize GSFLOW models

Some method of processing point cloud

Data Visualizer for Super Mario Kart (SNES)

Extract data from ThousandEyes REST API and visualize it on your customized Grafana Dashboard.

Backend app for visualizing CANedge log files in Grafana (directly from local disk or S3)

An open-source tool for visual and modular block programing in python