waterfall | Extremely fast lightweight version | Grid library

I use Highcharts watefall (and stacked waterfall for multiple measures) and it is very powerfull. I would like to get a better render with a dynamic fold/unfold. In the following example : https://jsfiddle.net/vegaelce/4x1ndpjr/ I would all california/colorado/dc columns hidden by default (only Subtotals & Total columns visible) and when mouse overed a Subtotal/Total column, the dedicated california/colorado/dc columns are shown.

I think I can use

...

I am testing my webpage with webpagetest.org

On my page, there are a bunch of images. I can see them well cached in the repeated run: (304 response is marked as yellow in WebPageTest waterfall result)

However, in cache static content, there's no check on those resources

I found the difference is that those scripts and styles have cache-control: max-age=2592000, while those media resources have cache-control: max-age=0 in the server response. Does it mean that WebPageTest will neglect these responses with max-age=0 in static cache checking?

I want to create a nice graph in python, so I used plotly to create a graph, but I get an error.

Maybe because I'm new to plotly, I don't understand the error in this code.
The only thing I can tell is that my code is wrong.
I want to display multiple graphs in plotly.

My goal: Convert an if statement chain into a switch statement and have it waterfall down through the cases
What I'm working with: Decoded Minecraft NBT data (basically just an object)
What my problem is: I'm not sure if a switch statement would work for detecting if a key exists in an object, unless I do a ton of switch statements, but then it would be easier if I used a chain of if statements.
An example of an object would look something like this:

I am trying to use the react-leaflet library so I created a component SearchControl but it does not work unfortunately ...

Here is the code of my component :

I am trying to implement a waterfall chart for 1 of my projects using ApexCharts. This chart isn't available out of the box with ApexCharts. So, I'm trying to modify the range column chart into a Waterfall chart. This is pretty much all I need but I need to change the color of the columns where the range is decreasing. Here the middle columns have a blue color, but I need to change it to a dynamic gradient color depending upon the value.

For example, for negative values, I need it to go from light orange to dark orange and for positive, light blue to dark blue.

Any leads are appreciated.

I have already checked the fill and the colors property, they don't seem to work properly with range column charts.

This is related to: Change color of range column chart in ApexCharts but I need a gradient instead of fillColor which seems to take just a string.

CodePen: https://codesandbox.io/s/apx-range-column-forked-8dv67

Thanks in advance!

EDIT for Mission Clarity: In the end I am pulling inventory data and customer data from Postgres to render and send a bunch of PDFs to customers, once per month. These PDFs are dynamic in that the cover page will have varying customer name/address. The next page(s) are also dynamic as they are lists of a particular customer's expiring inventory with item/expirying date/serial number.

I had made a client-side React page with print CSS to render some print-layout letters that could be printed off/saved as a pretty PDF.

Then, the waterfall spec came in that this was to be an automated process on the server. Basically, the PDF needs attached to an email alerting customers of expiring product (in med industry where everything needs audited).

I thought using Puppeteer would be a nice and easy switch. Just add a route that processes all customers, looking up whatever may be expiring, and then passing that into the dynamic react page to be rendered headless to a PDF file (and eventually finish the whole rest of the plan, sending email, etc.). Right now I just grab 10 customers and their expiring stock for PoC, then I have basically: { customer: {}, expiring: [] }.

I've attempted using POST to page with interrupt, but I guess that makes sense that I cannot get post data in the browser. So, I switched my approach to using cookies. This I would expect to work, but I can never read the cookie(s) into the page.

Here is a: Simple route, simple puppeteer which writes out cookies to a json and takes a screenshot just for proof, and simple HTML with script I'm using just to try to prove I can pass data along.

server/index.js:

I have created a skill which is meant to allow a user to start a conversation with a live person. In order to accomplish this they are shown a prompt with 1 choice: "Connect". When they click "Connect" the skill moves to the next waterfall step which executes code to initiate the live person conversation. The problem I am running into is that if they do not hit "Connect" & instead type something else then whatever response they get is followed by the same "Connect" prompt. This is a normal situation which could occur. They may not want to talk to a live person, they may want to continue talking to the bot.

The "Connect" button is really just meant to execute the code to start the conversation. I don't know of any other way to do this other than putting it in a waterfall dialog & having the next step be the code I want execute.

I have created a similar example in this repo: LoopingPrompt Repo

In my repo there is a bot called "ComposerMultiSkillDialog"

It contains a few skills & a few intents.

In order to run this project you need Visual Studio & the Bot Composer

Open the solution file: MultiSkillComposerBot.sln

Ensure that Bot.Skills is the startup project.

Hit F5 to run the project. It should start on port 36352.

Then open the Bot Composer to the folder: ComposerMultiSkillDialog

Start the Bot then use "Open Web Chat"

Type "loop" to see the prompt with the choice "Handle Prompt"

Then type "call skill 1" to cause an interruption.

Notice that after "call skill 1" completes the prompt with "Handle Prompt" appears again.

This will continue to happen as the user says more things until they click the "Handle Prompt" button.

The goal is to prevent this behavior & only have the "Handle Prompt" appear the first time. If there is an interruption then it would not appear again.

What I have tried so far is:

• Find a way to add a "Max Turn Count" which is an available option within the Bot Composer. This is not an available option within stepContext.PromptAsync though as far as I can tell

• I debugged through the code when the 2nd "Handle Prompt" appears. The code goes through the controller, into the constructor of LoopingPromptDialog & into the AddAdditionalDialogs method. I was hoping that it would get into PromptStepAsync where I could put a counter of some kind to detect if this had already been reached & stop it but PromptStepAsync is never called. I'm not exactly sure how the "Handle Prompt" is actually being sent back to the chat again.

• I would not be able to have the code which is called after "Handle Prompt" be its own intent. I would not want to start a chat with a live person right away if the user typed something which triggered that intent. So cannot have a "Connect" intent which starts the chat with a live person.

• I tried to check if an action can be linked to a hero card response somehow which would execute the code but have not been able to find anything like that.

Any help is appreciated! Thank you for your time.

Is there a Visual Studio debugger tool that will show me results similar to Chrome's Dev Tools waterfall?

How much time was spent during the whole page load, but including metrics for server side stuff like Generic Handlers and .NET Classes? How long loops took to complete. How long it took a generic handler to retrieve, serialise, and return a JSON result. How long a database request took to complete. Things like that.