Automatic data visualization in atom with the nteract data-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
A simple python tool for explore your object detection dataset

A simple tool for explore your object detection dataset. The goal of this library is to provide simple and intuitive visualizations from your dataset and automatically find the best parameters for ge

GRADIANT - Centro Tecnolóxico de Telecomunicacións de Galicia 142 Dec 25, 2022
By default, networkx has problems with drawing self-loops in graphs.

By default, networkx has problems with drawing self-loops in graphs. It makes it hard to draw a graph with self-loops or to make a nicely looking chord diagram. This repository provides some code to

Vladimir Shitov 5 Jan 06, 2022
Visualization Data Drug in thailand during 2014 to 2020

Visualization Data Drug in thailand during 2014 to 2020 Data sorce from ข้อมูลเปิดภาครัฐ สำนักงาน ป.ป.ส Inttroducing program Using tkinter module for

Narongkorn 1 Jan 05, 2022
Datapane is the easiest way to create data science reports from Python.

Datapane Teams | Documentation | API Docs | Changelog | Twitter | Blog Share interactive plots and data in 3 lines of Python. Datapane is a Python lib

Datapane 744 Jan 06, 2023
AB-test-analyzer - Python class to perform AB test analysis

AB-test-analyzer Python class to perform AB test analysis Overview This repo con

13 Jul 16, 2022
Gallery of applications built using bqplot and widget libraries like ipywidgets, ipydatagrid etc.

bqplot Gallery This is a gallery of bqplot examples. View the gallery at https://bqplot.github.io/bqplot-gallery. Contributing new examples Clone this

8 Aug 23, 2022
HW 2: Visualizing interesting datasets

HW 2: Visualizing interesting datasets Check out the project instructions here! Mean Earnings per Hour for Males and Females My first graph uses data

7 Oct 27, 2021
plotly scatterplots which show molecule images on hover!

molplotly Plotly scatterplots which show molecule images on hovering over the datapoints! Required packages: pandas rdkit jupyter_dash ➡️ See example.

150 Dec 28, 2022
This project is an Algorithm Visualizer where a user can visualize algorithms like Bubble Sort, Merge Sort, Quick Sort, Selection Sort, Linear Search and Binary Search.

Algo_Visualizer This project is an Algorithm Visualizer where a user can visualize common algorithms like "Bubble Sort", "Merge Sort", "Quick Sort", "

Rahul 4 Feb 07, 2022
Visualize data of Vietnam's regions with interactive maps.

Plotting Vietnam Development Map This is my personal project that I use plotly to analyse and visualize data of Vietnam's regions with interactive map

1 Jun 26, 2022
An animation engine for explanatory math videos

Powered By: An animation engine for explanatory math videos Hi there, I'm Zheer 👋 I'm a Software Engineer and student!! 🌱 I’m currently learning eve

Zaheer ud Din Faiz 2 Nov 04, 2021
An easy to use burndown chart generator for GitHub Project Boards.

Burndown Chart for GitHub Projects An easy to use burndown chart generator for GitHub Project Boards. Table of Contents Features Installation Assumpti

Joseph Hale 15 Dec 28, 2022
termplotlib is a Python library for all your terminal plotting needs.

termplotlib termplotlib is a Python library for all your terminal plotting needs. It aims to work like matplotlib. Line plots For line plots, termplot

Nico Schlömer 553 Dec 30, 2022
Kglab - an abstraction layer in Python for building knowledge graphs

Graph Data Science: an abstraction layer in Python for building knowledge graphs, integrated with popular graph libraries – atop Pandas, RDFlib, pySHACL, RAPIDS, NetworkX, iGraph, PyVis, pslpython, p

derwen.ai 466 Jan 09, 2023
GD-UltraHack - A Mod Menu for Geometry Dash. Specifically a MegahackV5 clone in Python. Only for Windows

GD UltraHack: The Mod Menu that Nobody asked for. This is a mod menu for the gam

zeo 1 Jan 05, 2022
Practical-statistics-for-data-scientists - Code repository for O'Reilly book

Code repository Practical Statistics for Data Scientists: 50+ Essential Concepts Using R and Python by Peter Bruce, Andrew Bruce, and Peter Gedeck Pub

1.7k Jan 04, 2023
Data visualization electromagnetic spectrum

Datenvisualisierung-Elektromagnetischen-Spektrum Anhand des Moduls matplotlib sollen die Daten des elektromagnetischen Spektrums dargestellt werden. D

Pulsar 1 Sep 01, 2022
Graphical display tools, to help students debug their class implementations in the Carcassonne family of projects

carcassonne_tools Graphical display tools, to help students debug their class implementations in the Carcassonne family of projects NOTE NOTE NOTE The

1 Nov 08, 2021
The official colors of the FAU as matplotlib/seaborn colormaps

FAU - Colors The official colors of Friedrich-Alexander-Universität Erlangen-Nürnberg (FAU) as matplotlib / seaborn colormaps. We support the old colo

Machine Learning and Data Analytics Lab FAU 9 Sep 05, 2022
Visualise top-rated GitHub repositories in a barchart by keyword

This python script was written for simple purpose -- to visualise top-rated GitHub repositories in a barchart by keyword. Script generates html-page with barchart and information about repository own

Cur1iosity 2 Feb 07, 2022