slim.js | Robust Front-End Micro | Script Programming library

I'm learning JavaScript, CSS, and Chart.JS. I've been given some code to reverse engineer and learn. My final task is to widen the two horizontal graph divs to the left, without overlapping with the large vertical bar graph.

Basically, I just want my two small graphs to expand to the left in width. Codepen is here: https://codepen.io/tenebris_silentio/pen/VwaGdaP

I'm trying to create a simple bootstrap grid with some data results. The spacing the first header (web-based review) and reported text (e.g., 211 -> new line "total projects identified) is too much. It looks a bit awkward. Basically, I want to eliminate the extra line break/spaces. The spacing between "Interviews" and the image below is good, however when I tried playing around with "Web-based review" to make it look similar, everything went to hell.

For clarify, I've attached an image to show what I'd like.

Bottom line, I want to fix (1) the spacing between the "Web-based Review" header and the image below it and (2) the numbers in large text and the text below.

Desired Output: https://i.stack.imgur.com/CGyqo.jpg
Here's the codepen: https://codepen.io/tenebris_silentio/pen/YzqRQOv

I have an incoming txt/csv file containing a lot of information (58 columns), basically I will need to work on a few information (just name and telephone number). So I must be able get the whole information, retrieve what I need from it and then format it.

• To get the whole information I used the terales answer which enables the file to be uploaded.
• To work on the information I'm using this library JQuery-CSV, this will read the file content and turn it into a JSON Object, I'm stuck at this point. I have the object but I can't acess it as I need and hence I can't format it to write a new txt file.I may be missing something in the documentation, this should be really straight foward. Here's a sample of my code:

HTML

Please view it on full screen. Whenever I click on menu arrow to minimize it, I want the text from menu and logo text to dissapear. I just want to leave the icons and make them centered. What would be best approach to do this? I have tried using style display none for one menu and adding another one but there is no transition when adding display property.

I have a stacked bar graph where I want to show the proportion of projects for which our qualitative analyst needs to complete the thematic coding process. However, the visitors to the webpage won't necessarily know the context, but will just want some details in tooltips. I have two categories: (1) Total projects and (2) Coded projects. In a new line for the Total projects tooltips under "Remaining Projects: 170" I want "Description: The remainder of projects that have not yet been qualitatively coded." Similarly for "Coded Projects: 70" I want a new line to show "Description: The number of projects that have been qualitatively coded."

The last working version of my stacked bar graph is here: https://codepen.io/tenebris_silentio/pen/ZEWzXyr

I am creating a chart in Chart.JS and want viewers to be able to hover over a specific part of a donut chart and get both the data and a customized description of the data. For the example below, we looked for relevant research projects via the web and through a series of interviews. Right now, it shows the name of the field and the corresponding data. In addition to that, I want to define the field for a user. For example, when someone hovers over Web-Based Search I want them to see:

Web-based Search: 75

We extracted a scan of relevant research projects through web-scraping.

Similarly, I want to add a description defining the interviews field. I've added tooltips before, however it's always been something like [static string] + [data]. I haven't had to create custom definitions for each data point before. Any help is appreciated. See my CodePen also: https://codepen.io/tenebris_silentio/pen/abdgXqg

I'm a bit of a Chart.JS noob and I'm nearly done with a data dashboard. I'm not huge on adding titles and rather add descriptors in more obscure spots. I have a row of 3 donut charts, all with different data and fields. I want to insert unique text inside the donut hole for all three of these. For example, I would want one to say "Sources", one to say "Funder" and one say "Search Method" - all inside a respective donut hole. I came across some code that will add text smack in the center, however it's huge and only lets me insert one text string. Unfortunately, all three donut holes show the same text inside. I know the method I used to attempt to include text in the donut holes is wrong, but I wanted to demonstrate that I tried. Any help is appreciated.

The CodePen is here: https://codepen.io/tenebris_silentio/pen/ExPBLNo

I have a responsive navbar and would like to center the heading in it. None of the other functionality or positioning needs to change other than the heading "Title".

The expected result is that after the user presses "enter" key or the send button that the message should display in the chat box. However, nothing occurs upon these two events and no chat is saved in the database.

In the chrome console, I am getting the following errors: