r2d3 | R Interface to D3 Visualizations | Data Visualization library

I'm creating a bar chart in d3 (using r2d3 in R) that shows data per month. I'm wondering how I can format the x-axis so that while there is a bar for each month, the labels only show the year markers (i.e. under each january bar.)

Data look like this:

I'm trying to create a histogram using D3 which has nice animated transitions for both the bars and the axes. It's straightforward to get the bars working, but I'm struggling to see how to do the same thing with the axes. In the example below the transition looks like it is happening, but it's actually adding a new axis each time without removing the old one.

My ultimate goal is to do the development of widgets like this using R2D3 and then hand over the javascript to someone else to implement in an app in Java, so I need to make sure it is transferable and doesn't use R/shiny/R2D3 specific things in the javascript file.

This is the hist.js script

Why does d3.selectAll('rect')... not work as seen in the script below in the mouseover function, but svg.selectAll('rect')... does?

svg is the special pre-set selector from r2d3.

Additionally, I have noticed that running e.g. d3.selectAll('rect').remove() from the browser console does not work when running the visualization from Rstudio.

This is from the r2d3 example, as sample.js:

I am trying to render some d3 graphs in r. I'd like to maintain control over the js so all I want to do is convert my data into a format that the js will take (rather than use a package that will do everything for me)

I dont seem to be able to get the nesting I am looking for using the following:

I have similar code using just javascript which works fine, but when I try to run it from a flexdashboard using R2D3, additional functions included in scripts are not recognised.

I have simplified my code below to focus on the ScaleRadial function (which I include in the htmltools::tag$script) which produces the error TypeError: d3.scaleRadial is not a function.

I have a similar issue with d3.tip, but have not included the code for that.

I've tried everything I can think of but to no avail. Any help warmly welcomed.

dashboard.Rmd

I am really desperated about a function for a dataframe overload, from R to the nvd3-line-chart. My inteniton is to display a dataframe in R Shiny app using the nvd3 linechart as shown here:

https://shiny.rstudio.com/gallery/nvd3-line-chart-output.html

The main problem is, the X axis is just an incremented number, given by the amount of rows of the overloaded dataframe (as shown in the example above). I Need to have the first column of the dataframe as my x-axis. Therefore I want to Change the Code, actual target is to replace it by r2d3 functions, available in R.

In this example I do not understand the following Things: How is the dataframe overloaded to mentoined function and then to the diagram? Can anyone show me a way to see the output of the conversion function, and replace it by a manually created d3 string to test?

The call of the function: