colorbrewer | Web tool for guidance in choosing choropleth map color | Map library

I was trying to run the following code, but I can't seem to get to change the colour palette to the Spectral palette from ColorBrewer. Thoughts?

I am trying to create a choropleth using Folium, however I am running to the error mentioned above. Here is my dataframe:

Here is my GeoJSON snippet for 'MISSION' district:

I am trying to do some maps of LISA CLUSTERS. O changed the code of lisa_cluster function to specify the colors I wanted. I used a generic 5 colors list, and changed it manually

Using the colorbrewer discrete colors my ggplot2 legend doesnt show all the levels that are plotted using geom_line. Having reviewed similar problems on StackExchange Ive tried adding drop=FALSE to both the scale_colour_distiller but this doesnt solve the problem.

What have I done wrong here? Repeatable code below

thanks

mike

Created at the time jsFiddle which worked fine https://jsfiddle.net/dani2011/jydbqjgm/9/. It seems to be corrupted due to a problem with the resource file https://dc-js.github.io/dc.js/js/colorbrewer.js giving a 404 error. Replaced the corrupted version with https://cdn.jsdelivr.net/npm/colorbrewer@1.0.0/colorbrewer.js. In addition, updated all the other resource files with recent versions from https://cdnjs.com/libraries/. Furthermore, referred to https since the fiddle itself is hosted on https. Here is some code:

Update: Based on answers, I am researching ColorBrewer and Colorspace R packages. Due to request, I am re-writing my original question.

Question: How to best sort individual, predefined hex colors so that similar colors are grouped together, yet ordered starting with most warm colors, to light colors to coolest colors. I wish to incorporate this in future version of RanglaPunjab R package

For example Cynthia Brewer's spectral colors ( reds, blues, greens, etc are together in single stream) illustrates this.

I'm asking for Logic, rather than Code.

So far, I attempted to sort by Hue, Hue + Value, Hue * Value, based on this article, https://www.alanzucconi.com/2015/09/30/colour-sorting/

This question borderlines between R and Color Theory.

Code at the end of this post sorts colors by Hue, Hue + Value, Hue * Value (depends on what you comment or uncomment).

Please tell me (or give hint) on how get similar results as Cynthia Brewer's spectral colors

Unordered Colors:

Ordered based on Hue:

Ordered based on Hue + Value:

Ordered based on Hue * Value:

For Reference, here is original, unordered palette

This is my sample code. My intention is to generate a heatmap with rectangles like

I'm trying to make a heat map using data and json geo data from the ABS. For some reason when i test this out it only assigns one colour to all segments instead of assigning lighter/darker colours for higher/lower numbers. I believe that my code is assigning a value to each map segment in the json but for some reason the colour scale isn't being applied to these values.

Here's my d3 code:

I'm attempting to create a horizontal single stacked bar to use as a parts-to-whole graphic. Kind of like a pie chart, but a bar. I've been able to create a normal vertical and stacked bar chart before, but I'm not running into the same problems and the rect elements are not displaying at all.

I've removed the y-axis since the labels will be through a legend or appended text.

This is the error I'm getting:

d3.min.js:2 Uncaught TypeError: Cannot convert undefined or null to object at slice () at Function.n.range (d3.min.js:2) at draw (singlestackedsharebar.html:94) at d3.min.js:2 at Object. (d3.min.js:2) at k.call (d3.min.js:2) at XMLHttpRequest.e (d3.min.js:2)

I think the issue is happening when I create the stack and series. When I log the series, it seems the next arrays aren't adding from the previous ones as they should.

Here's the full code: