Automatic data visualization in atom with the nteract data-explorer

Related tags

Data Visualizationdata-explorer
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!

nteract data explorer in hydrogen

🚧 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:

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

    Failed to load the data-explorer package

    [Enter steps to reproduce:]

    1. ...
    2. ...

    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

    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

    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

    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

    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. image

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

    opened by dschneiderch 6
  • [WIP] use nteract outputs component

    [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)
Owner
Ben Russert
Video Experience team @bombbomb
Ben Russert
GitHub Repository
Python ts2vg package provides high-performance algorithm implementations to build visibility graphs from time series data.

ts2vg: Time series to visibility graphs The Python ts2vg package provides high-performance algorithm implementations to build visibility graphs from t

Carlos Bergillos 26 Dec 17, 2022
Alternative layout visualizer for ZSA Moonlander keyboard

General info This is a keyboard layout visualizer for ZSA Moonlander keyboard (because I didn't find their Oryx or their training tool particularly us

10 Jul 19, 2022
Color scales in Python for humans

colorlover Color scales for humans IPython notebook: https://plot.ly/ipython-notebooks/color-scales/ import colorlover as cl from IPython.display impo

Plotly 146 Sep 25, 2022
A flexible tool for creating, organizing, and sharing visualizations of live, rich data. Supports Torch and Numpy.

Visdom A flexible tool for creating, organizing, and sharing visualizations of live, rich data. Supports Python. Overview Concepts Setup Usage API To

FOSSASIA 9.4k Jan 07, 2023
Graphical visualizer for spectralyze by Lauchmelder23

spectralyze visualizer Graphical visualizer for spectralyze by Lauchmelder23 Install Install matplotlib and ffmpeg. Put ffmpeg.exe in same folder as v

Matthew 1 Dec 21, 2021
A pandas extension that solves all problems of Jalai/Iraninan/Shamsi dates

Jalali Pandas Extentsion A pandas extension that solves all problems of Jalai/Iraninan/Shamsi dates Features Series Extenstion Convert string to Jalal

51 Jan 02, 2023
Ana's Portfolio

Ana's Portfolio ✌️ Welcome to my Portfolio! You will find here different Projects I have worked on (from scratch) 💪 Projects 💻 1️⃣ Hangman game (Mad

Ana Katherine Cortes Sobrino 9 Mar 15, 2022
PolytopeSampler is a Matlab implementation of constrained Riemannian Hamiltonian Monte Carlo for sampling from high dimensional disributions on polytopes

PolytopeSampler PolytopeSampler is a Matlab implementation of constrained Riemannian Hamiltonian Monte Carlo for sampling from high dimensional disrib

9 Sep 26, 2022
Plot toolbox based on Matplotlib, simple and elegant.

Elegant-Plot Plot toolbox based on Matplotlib, simple and elegant. 绘制效果 绘制过程 数据准备 每种图标类型的目录下有data.csv文件，依据样例数据填入自己的数据。

3 Jul 15, 2022
Simple and lightweight Spotify Overlay written in Python.

Simple Spotify Overlay This is a simple yet powerful Spotify Overlay. About I have been looking for something like this ever since I got Spotify. I th

27 Sep 03, 2022
Customizing Visual Styles in Plotly

Customizing Visual Styles in Plotly Code for a workshop originally developed for an Unconference session during the Outlier Conference hosted by Data

Data Design Dimension 9 Aug 03, 2022
A simple, fast, extensible python library for data validation.

Validr A simple, fast, extensible python library for data validation. Simple and readable schema 10X faster than jsonschema, 40X faster than schematic

kk 209 Sep 19, 2022
A python script to visualise explain plans as a graph using graphviz

README Needs to be improved Prerequisites Need to have graphiz installed on the machine. Refer to https://graphviz.readthedocs.io/en/stable/manual.htm

Edward Mallia 1 Sep 28, 2021
A Python function that makes flower plots.

Flower plot A Python 3.9+ function that makes flower plots. Installation This package requires at least Python 3.9. pip install

Thomas Roder 4 Jun 12, 2022
Example Code Notebooks for Data Visualization in Python

This repository contains sample code scripts for creating awesome data visualizations from scratch using different python libraries (such as matplotli

Javed Ali 27 Jan 04, 2023
Automatically Visualize any dataset, any size with a single line of code. Created by Ram Seshadri. Collaborators Welcome. Permission Granted upon Request.

AutoViz Automatically Visualize any dataset, any size with a single line of code. AutoViz performs automatic visualization of any dataset with one lin

AutoViz and Auto_ViML 1k Jan 02, 2023
Streamlit component for Let's-Plot visualization library

streamlit-letsplot This is a work-in-progress, providing a convenience function to plot charts from the Lets-Plot visualization library. Example usage

Randy Zwitch 9 Nov 03, 2022
Standardized plots and visualizations in Python

Standardized plots and visualizations in Python pltviz is a Python package for standardized visualization. Routine and novel plotting approaches are f

Andrew Tavis McAllister 0 Jul 09, 2022
Data visualization using matplotlib

Data visualization using matplotlib project instructions Top 5 Most Common Coffee Origins In this visualization I used data from Ankur Chavda on Kaggl

13 Oct 27, 2021
Python Data Validation for Humans™.

validators Python data validation for Humans. Python has all kinds of data validation tools, but every one of them seems to require defining a schema

Konsta Vesterinen 670 Jan 09, 2023