targetprocess/taucharts

D3 based data-focused charting library. Designed with passion. Flexible.

taucharts's Issues

HowTo Blog posts

I've started to dive deeper into your code and it is nice and succinct. It seems like you have a single d3 processor for all chart types and the meta on a given chart type tells the processor what d3 to emit. So that lends to new charts being independent from your d3 processor.

If you could write some blog posts on how all the pieces fit together so the community can help write new chart types and learn from your good ideas that would be great!

In 'annotations' plugin allow to set up both 'x' and 'y' dimensions

Provide return value on selected point/points

Hi,

I'm wondering if tauCharts.js could provide such api so that hrbrmstr/taucharts could be able to call and fetch the values to R shiny instead of hack.

With this return value it would add more value to interactive analysis on R Shiny (drill down capabilities)

Would you please consider as feature improvement, thanks.

How to build a pie chart?

How to build a pie chart?

Loader when the library renders a huge facet chart

Ordering of categorical axises isn't available in parallel coordinates chart

http://jsfiddle.net/r9ga0f51/

Border style of stacked bars is hardcoded in 'rect' element

Fire event on "Exclude" feature for external usage

Fire event on "Exclude" feature for external usage

Use json as datasource

Is there any support for dynamic data sources such as external json?

Plugin: export to JSON / CSV

typeError

I'm loading from latest on the cdn. I get this error.

Uncaught TypeError: Cannot read property 'time' of undefined tauCharts.min.js:

Encode measure fields by color (gradient)

add alpha-numeric sorting instead of numeric

This will fix by default confusion when numbers are provided as String type

definitelytyped.org

Getting your project in as a TSD package may really help your exposure and help us that are using typescript. Thanks!

Area chart doesn't support 'interpolate' parameter

Refreshing a line chart

Hi !

I am new bee to tauCharts. I have checked my dimensions , data to be visualized and the line chart seems to render perfect as expected. But since i wanted to dynamically add new data to the same chart , It seems to append layout and the old chart seems not refreshing with new data . As a result of that, div seems to produce scroll.

On checking the elements inside the div , the layout seems to be appended.
I wanted to refresh the data to avoid the scrolling.

I have used google Chrome browser.

Load times slow

Hey, just wanted to raise an issue with your examples site itself.
The load times are very slow.
The JSFiddle plugin doesn't seem to be responding.
This page - http://api.taucharts.com/tutorials/5min.html - has loaded for minutes.
It stopped loading and the fiddle has a blank result.

BTW, I live in Australia and our interweb speeds are rubbish, maybe that's it.

Allow to set certain min/max dot size in scatterplot

legend does seem to respect ordered dimensions

Excellent work! It seems based on all the examples I have found on your site and some I have made my own that the legend does not respect the order provided by an ordered dimension. Is this correct? Would it be potentially something you might add? Thanks.

Exclude points only if they have undefined values in fields which are in the chart config

Use a grid layout system to create side by side charts

Is it possible to control the size a chart will render into? say 100px height by 200px width? Iframe is an option but seems like overkill. The idea is to use bootrap and create 2 charts that are different charts but show them side by side.

Non-informative ticks on time scale

http://jsfiddle.net/kb7c5ehm/3/

Every second tick on scale is hidden by special decorator.
It appears the most informative ones are hidden :/

TickMin is always zero even if the value is set above zero

Hi,

I am a new bee to tauChart. I just downloaded and started using the example provided. I tried setting my own data for a line chart . The minimum value what i have provided is above 2500 and also i have set tickMin as 2000 and tickMax as 7000 . But the chart is displayed with the minimum value as 0 . I want to set the minimum value to 2000 or 2k.

Thanks in advance.
Vinny.

Fix text position of horizontal annotation

Cannot install

I'm not able to install tauCharts:

> devtools::install_github("hrbrmstr/taucharts")
Downloading github repo hrbrmstr/taucharts@master
Installing taucharts
'/usr/lib/R/bin/R' --no-site-file --no-environ --no-save --no-restore CMD INSTALL  \
'/tmp/Rtmp7gjdnh/devtools20762e2bdbf/hrbrmstr-taucharts-ad3e17b' --library='/home/ignacio/R/x86_64-pc-linux-gnu-library/3.2'  \
--install-tests 

* installing *source* package ‘taucharts’ ...
** R
Error in parse(outFile) : 
  /tmp/Rtmp7gjdnh/devtools20762e2bdbf/hrbrmstr-taucharts-ad3e17b/R/plugins.R:4:1: unexpected input
3: #' @param tau taucharts object
4: <<
  ^
  ERROR: unable to collate and parse R files for package ‘taucharts’
* removing ‘/home/ignacio/R/x86_64-pc-linux-gnu-library/3.2/taucharts’
Error: Command failed (1)

Thanks!

Dimensions > Order

I'd like to set up order for categorical axises as simple "ascending/descending" parameter

opendata.by

I have heard Vladimir Petriko (vladminsky) speech on "The Rolling Scopes Conference 2016", you may wish to collaborate with the guys who are developing open data in Belarus.

Site github: https://github.com/opendataby/website

Google group: https://groups.google.com/forum/#!forum/opendata-belarus

Legend settings

What kind of support is there for changing the scale of the legend circles/text? only showing the circles with descriptions as overlays? working on a project where the size of the chart is dynamic and the chart scales pretty well on smaller resolutions but the legend does not. Best solution I can come up with so far is to only display the legend if the chart container is above a certain pixel width.

Legend Items

It would be great to have a possibility to place legend points on both footer and header, right and left sides.

License/documentation clarification

The license file in the repo, and on the TauCharts website says it is Apache licensed, but the documentation says this:

"TauCharts is open source framework and it is free for non-commercial use."

( http://api.taucharts.com/tutorials/5min.html )

If it is Apache licensed, then it is free for commercial use as well as non-commercial. The tutorial infers it is only free for non-commercial use.

Can someone please clarify this in the documentation.

Order Of Data Along Axis

Hey Guys! I really like the framework. Very flexible and powerful. However, I am having trouble ordering the data. I am passing an array of objects as my data that is setup something like this:

var data = [{
type:'us', count:5, date: 'Wed Sep 2nd'
},
type:'us', count:8, date: 'Thu Sep 3rd'
}]

Then, I am passing creating a line graph like this:

var Chart = new tauCharts.Chart({
    guide:{
      padding:{l:70, t:10, b:70,r:10},
      showGridLines:'xy',
      color:{
        brewer:{
          us:'color-us'
        }
      },
      y:{
        label:{
          text:'',
          padding:50
        }
      },
      x:{
        label:''
      }
    },
    data: data,
    type: 'line',
    x: 'date',
    y: 'count',
    color: 'type',
  });

The issue is that tauCharts re-arranges my array to make the date alphabetical order. So, the graph shows Thu Sept 3rd before Wed Sep 2nd. I tried to add dimensions using your documentation and setting it like this and then passing a JavaScript Date as the date:

dimensions: {
      date    : { type: 'measure', scale: 'time' },
      count     : { type: 'measure' }
    },

but then the labels along the X axis are not formatted the way I would like. For example, it says Tue 29, Aug 30, Thu 31, September, Wed 2, Thu 3. I would rather have them all formatted the same way.

Is there not a way to have the labels exactly like the data I am passing through and not re-arrange the date? Alternatively, is there a way to set a standard format when scaling using time?

'order' property is not copied to dimension property

When defining a dimension as type 'order', the order property is not copied to the dimension object generated by autoAssignScales.

In the chart below, the order of the legends on 'y' axis do not correspond to the order property:
http://jsfiddle.net/taucharts/5c0pmnj1/light/

Stacked area charts

ReactJS Components

Is tauCharts compatible with the ReactJS component model? I know in D3, you can just map data to a layout function and get the nodes which can then be rendered to SVG. How would you utilize the power of ReactJS virtual dom with this charting library?

Persist order in stacked bar chart

There is a weekly velocity chart on plan, sometimes it shows bugs on top / stories on the bottom. Other times its reversed, stories on top / bugs on the bottom. Why?

https://monosnap.com/file/JeF14sqp4iDIKSXO5SBooAhOXVzIZu

https://monosnap.com/file/lF8Jgy34GOxi78EDVtUKLzWehnEfSM

add area element

horizontal / vertical

Update config properties after initial load

How would you for example update the X or Y config values and force a refresh of the chart?

Add posibility turn off console.log

Should be ability turn off console.log.
For example:
https://github.com/TargetProcess/tauCharts/blob/master/src/elements/coords.geomap.js#L224-L225
Maybe need use global logger
https://github.com/TargetProcess/tauCharts/blob/master/src/tau.charts.js#L86-L92

Error in size legend (NaN value)

Error in size legend (NaN value)

TypeError: Cannot read property of undefined [after upgrading from v0.5.2 to v0.6.2]

I'm working with the project which uses such frameworks as Require.js/Marionette.js. Recently I upgraded this package to the latest version and tried to render simple composite chart (based on example from documentation: http://jsfiddle.net/7tbjnhbj/4/light/), but it gave me following errors:

\w v0.6.2 (production version):
Screenshot: http://prntscr.com/8u26qw

Uncaught TypeError: Cannot read property 'extractFieldsFormatInfo' of undefined
  Tooltip.plugin._getFormatters @ tauCharts.tooltip.js:379
  Tooltip.plugin.onRender @ tauCharts.tooltip.js:277
  b @ tauCharts.min.js:4
  d.value @ tauCharts.min.js:4
  x.value @ tauCharts.min.js:6
  (anonymous function) @ chart.js:380
  Backbone.Marionette.ItemView.extend.onShow @ main.js:86
  ...

\w v0.6.2 (development version):
Screenshot: http://prntscr.com/8u2715

Uncaught TypeError: Cannot read property 'type' of undefined
  createScaleInfo @ tauCharts.js:3982
  (anonymous function) @ tauCharts.js:3075
  createScales @ tauCharts.js:1244
  _drawUnitsStructure @ tauCharts.js:3073
  ...

Version 0.6.0 has similar problem, although v0.5.2 works fine.
Here is the bin \w sample which uses old v0.5.2: http://output.jsbin.com/habeza
Here is the updated sample project: https://bitbucket.org/asaskevich/sample

How can I make my vertical labels fit within my plotting window for a Line chart

Hi,

If i have the chart label for y axis being too long. how can i make them fit my window because the edges of the label goes out of the window and is not visible.

Thanks in advance

test zappier (TODO: remove)

Does this work with angularjs?

chart.destroy() doesn't clean the canvas

Period scale is broken for Minsk timezone in Mac Safari

bar height/width

Is there a way to force a certain bar height / width for horizontal/vertical bar charts?

Since I'm using the R htmlwidget version to make this here's an example:

http://rpubs.com/hrbrmstr/taucharts_issue_01

I don't want the bars to vary height/width by category, but I do want them to be taller (wider) than they are now and hacking CSS afterwards means also doing y position modifications and that's doable but it'd be nice to override the auto-calculated hight if possible. I might just be missing something in the doc, tho.

Tooltip fails to show

I see it used in the examples at http://www.taucharts.com/, but when I try to use it - it fails to show.

Here's a simple example:
http://jsfiddle.net/62gp6pa9/1/

Best regards

Change Label on change of data:

Hi,

I want to set data and change the label name. Is it possible to change the name of the label of a line chart as well when i try to update my chart using setData()

Thanks in advance.

Scatterplot dot size depends on facet segment size

See sample here: http://jsfiddle.net/6LzefLo4/5/

The trendline plugin generates errors when applied to "period" scale

The list of errors is shown like:
Error: Invalid value for attribute d="M0,NaNL0,NaNL7,NaNL8,NaNL54,NaNL73,NaNL95,NaNL120,NaNL153,NaNL176,NaNL194,NaNL205,NaN"o