samhogg/histoslider

:bar_chart: A D3 based histogram slider component for React.

histoslider's Issues

Minified version

Hi there! This project looks pretty nice, how can I build a production version of histoslider?

Thanks!

Handle touch events

At present mousedown mouseout and mouseover are being used - need to investigate approaches friendly to touch devices

Bucketed input

Handle input in predefined tuples rather than raw data, useful for already aggregated data.

An in-range update of react-scripts is breaking the build 🚨

Version 0.9.3 of react-scripts just got published.

Branch	Build failing 🚨
Dependency	react-scripts
Current Version	0.9.2
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

As react-scripts is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

---

Status Details

• ❌ ci/circleci No test commands were found Details

Release Notes

v0.9.3

0.9.3 (February 28, 2017)

🚀 New Feature

• create-react-app

  • #1423 Fall back to Yarn offline cache when creating a new project. (@voxsim)

  If you are using Yarn, and you have created at least one app previously, Create React App now works offline.

  

🐛 Bug Fix

• react-scripts

  • #1665 Temporarily disable ESLint caching because of a bug. (@gaearon)

• create-react-app

  • #1675 Delete project folder on failed installation on Windows. (@johann-sonntagbauer)
  • #1662 Validate project name before creating a project. (@johann-sonntagbauer)
  • #1669 Make sure React dependencies aren’t pinned in new projects. (@johann-sonntagbauer)

💅 Enhancement

• react-scripts

  • #1677 Add X-FORWARDED headers for proxy requests. (@johann-sonntagbauer)

📝 Documentation

• react-scripts

  • #1657 Tweak the Visual Studio Code debugging guide. (@ryansully)

🏠 Internal

• End-to-end Tests

  • #1648 Add Windows CI tests for better stability. (@Timer)

Committers: 5

• Dan Abramov (gaearon)
• Joe Haddad (Timer)
• Johann Hubert Sonntagbauer (johann-sonntagbauer)
• Ryan Sullivan (ryansully)
• Simon Vocella (voxsim)

Migrating from 0.9.2 to 0.9.3

Inside any created project that has not been ejected, run:

npm install --save-dev --save-exact [email protected]

You may also optionally update the global command-line utility for offline Yarn cache support:

npm install -g [email protected]

Not sure how things should work exactly?

There is a collection of frequently asked questions and of course you may always ask my humans.

---

Your Greenkeeper Bot 🌴

Shift click to extend range

I should be able to hold shift and click a bar on the histoslider and extend the selection to include that bar.

svg container has a hard coded background color of white

Which makes it not very usable with dark themes

histoslider/src/components/Histogram.js

Line 55 in 8f2d8a5

backgroundColor: "white"

Registry returned 404 for GET on https://registry.npmjs.org/histoslider

Tris-MBP trivuong$ npm install --save histoslider

npm ERR! Darwin 15.5.0
npm ERR! argv "node" "/usr/local/bin/npm" "install" "--save" "histoslider"
npm ERR! node v0.12.7
npm ERR! npm v2.12.1
npm ERR! code E404

npm ERR! 404 Registry returned 404 for GET on https://registry.npmjs.org/histoslider
npm ERR! 404
npm ERR! 404 'histoslider' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

Hover styles

• Histogram bars
• Selection handles
• Bottom selection bar

An in-range update of d3-array is breaking the build 🚨

The devDependency d3-array was updated from 1.2.4 to 1.3.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3-array is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ ci/circleci: Your tests failed on CircleCI (Details).

---

Commits

The new version differs by 4 commits.

• c95d28e 1.3.0
• c2a0e72 Update dependencies.
• ebb46f2 Add group, rollup.
• 5f1591c Fix typo

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Use requestAnimationFrame to determine rendering

numBuckets property

As an alternative to the bucketWidth, a user could define a numBuckets property such that the width of the visualisation is equally split into a number of buckets, dependant on the supplied data, start, and end properties.

Enable window selection

i.e., it'd be useful to click+drag on the slider between the handles to shift them both

An in-range update of prop-types is breaking the build 🚨

The dependency prop-types was updated from 15.6.2 to 15.7.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

prop-types is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Status Details

• ❌ ci/circleci: Your tests failed on CircleCI (Details).

---

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Handle accessiblity

At the moment, the range selectors aren't keyboard accessible - need to investigate options here.

Component title

Add an attribute, element, and styling hooks to insert a title

Drag coordinate behaviour doesn't play nicely with zoom