Giter VIP home page Giter VIP logo

d3plus-tooltip's Introduction

d3plus

D3plus is a JavaScript re-usable chart library that extends the popular D3.js to enable the easy creation of beautiful visualizations.

Installing

If using npm, npm install d3plus. Otherwise, you can download the latest release from GitHub or load from a CDN.

import modules from "d3plus";

d3plus can be loaded as a standalone library or bundled as part of D3plus. ES modules, AMD, CommonJS, and vanilla environments are supported. In vanilla, a d3plus global is exported:

<script src="https://cdn.jsdelivr.net/npm/d3plus@2"></script>
<script>
  console.log(d3plus);
</script>

Resources

Examples and documentation are published in a Storybook here. Each example has controls that are able to modified on the fly, documentation for each method used, and an example code output for the d3plus-react configurations.

Examples and Documentation

Modules

D3plus 2.0 is a collection of modules that are designed to work together; you can use the modules independently, or you can use them together as part of the default build. The source and documentation for each module is available in its repository. Follow the links below to learn more.

Core Packages

React Usage

Examples and Documentation

d3plus-tooltip's People

Contributors

davelandry avatar dependabot[bot] avatar ffigueroal avatar greenkeeper[bot] avatar greenkeeperio-bot avatar nbond211 avatar

Stargazers

avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

arajaram

d3plus-tooltip's Issues

allow position to accept a selection string

Expected Behavior

It would be nice to just say .position("#square") when anchoring to a element. Inside of the method, check if the value passed is a string, and if so do the following:

import {select} from "d3-selection";
...
this._position = select(_)

Current Behavior

HTML Elements must be passed.

Your Environment

  • Browser Name:
  • Operating System and Version:

respect screen bounds

should be togglable, as sometimes the user might want the tooltip to move off of the screen

tooltips on mobile disappear immediately on tap

Expected Behavior

On mobile, would expect the tooltip to appear on tap and to remain visible until users closes or taps away

Current Behavior

On mobile, tooltip appears for a second and then disappears immediately

Steps to Reproduce (for bugs)

  1. View https://jsfiddle.net/kf5u88L5/ in mobile compatibility mode using Chrome

Your Environment

  • Browser Name: Chrome
  • Operating System and Version: Android 7 & 8 (and can be replicated on desktop in chrome compatibility mode using OS X 10.13.4)

An in-range update of d3plus-dev is breaking the build 🚨

Version 0.4.11 of d3plus-dev just got published.

Branch Build failing 🚨
Dependency d3plus-dev
Current Version 0.4.10
Type devDependency

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

As d3plus-dev 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
  • ❌ continuous-integration/travis-ci/push The Travis CI build failed Details
Release Notes v0.4.11
Commits

The new version differs by 35 commits.

There are 35 commits in total.

See the full diff

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 🌴

An in-range update of d3plus-dev is breaking the build 🚨

The devDependency d3plus-dev was updated from 0.6.13 to 0.6.14.

🚨 View failing branch.

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

d3plus-dev 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
  • ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).
Release Notes for v0.6.14
  • updates documentation (4cf640b)
  • updates live-server to v1.2.1 (7d0680e)
  • updates tape-run to v5.0.0 (e28b749)
  • adds buble transpiling support for dangerousForOf (7b40362)
Commits

The new version differs by 5 commits.

  • 4cf640b updates documentation
  • 7d0680e updates live-server to v1.2.1
  • e28b749 updates tape-run to v5.0.0
  • 7b40362 adds buble transpiling support for dangerousForOf
  • 056f385 compiles v0.6.13

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 🌴

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.