MMM-WeatherChartD3

[Matuki]

Description:

This module displays a chart using any weather provider. It can display temperature, feels like temperature, precipitation, snow and weather icons. It uses the D3.js library.

Full list of elements that can be displayed:

• icons of weather
• day/night separation
• temperature
• min/max temperature
• feels like temperature
• precipitation
• snow
• humidity
• wind
• Only with a specific/modified weather provider:
  • pressure
  • precipitation probability
  • pollution
  • UV

All curves can be styled using CSS

Screenshots:

Download:

https://github.com/seb-ma/MMM-WeatherChartD3

[MajorC]

@Matuki

Hi I tried to use your module.

Followed your instructions to install from github. Works well.

Than I copy past the config, add position, my apiKey, lat and lon.

But I still have now a black MM.

Any idea where to start looking. The MM is working fine if I delete the MMM-WeatherChartD3 lines in the config.

{
			module: "MMM-WeatherChartD3",
			position: "bottom_right",
			config: {
				updateInterval: 10 * 60 * 1000,
				initialLoadDelay: 5000,
				weatherProvider: "openweathermap",
				weatherEndpoint: "/onecall",
				apiKey: "3e349d84feb10771d8c4bf34cde00000", //i changed to a dummy key
				type: "full", // Possible values: hourly, forecast (=daily) or specific value `full` which is a join of data from hourly+daily
				lang: config.language,
				lat: 52.554000,
				lon: 13.463000,
				units: config.units,
				locale: config.locale,
				d3jsVersion: "7", // can either be in format "7.4" or even "7.4.4"
				title: "Weather Forecast",
				height: 300,
				width: 500,
				iconSize: undefined, // in px or undefined to define automatically at first call
				iconURLBase: "https://raw.githubusercontent.com/erikflowers/weather-icons/master/svg/",
				hoursRatio: 0, // Ratio of fetched hours in graph (useful for openweathermap onecall that gives 48h with 1h precision) - 0 or undefined to ignore
				showIcons: true,
				showNights: true,
				showTemperature: true,
				showMinMaxTemperature: false,
				showFeelsLikeTemp: true,
				showPrecipitationAmount: true,
				showPrecipitationProbability: true, // Only used when showPrecipitationAmount == true
				showSnow: true, // if false: snow is included in precipitations
				showPressure: true,
				showHumidity: true,
				showWind: true,
				showAQI: true,
				showUVI: true,
			}
		},

[sdetweil]

@MajorC see https://forum.magicmirror.builders/topic/15778/fix-for-black-screen-in-2-16-and-later/

[MajorC]

Log says, that:

units: config.units,
locale: config.locale,

is not right?!?

[sdetweil]

@MajorC looks like this is a javascript change

https://github.com/MichMich/MagicMirror/issues/2863