MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    read csv-data and put it in an array

    Scheduled Pinned Locked Moved Utilities
    313 Posts 3 Posters 496.7k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @Perlchamp
      last edited by

      @Perlchamp my sample module might be helpful too…
      https://github.com/sdetweil/SampleModule

      implements what is in the developing module documentation
      https://docs.magicmirror.builders/development/introduction.html

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • PerlchampP Offline
        Perlchamp
        last edited by

        hello sam,
        thanks a lot. i will have a look on it, too. sure, i will learn a lot.

        so long

        1 Reply Last reply Reply Quote 0
        • PerlchampP Offline
          Perlchamp
          last edited by

          covid chart do not load :-(

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @Perlchamp
            last edited by

            @Perlchamp show me the config for the module?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • PerlchampP Offline
              Perlchamp
              last edited by

              in config.js i didn’t use the config section. i thought the defaults should be enough. ok, i will put the config section into the config.js. just a moment, please …

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @Perlchamp
                last edited by sdetweil

                @Perlchamp no… I don’t pick any countries or states, or describe how big the charts should be…
                try this

                		{
                			module:"MyCovid19",
                			disabled:false,
                			position:"top_left",
                			classes: 'sam',			
                			config:{
                				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                				// line colors can be any definition of color either a name ,or a hex string
                				// one per country above, used in order,
                				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                				//				
                				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                				chart_title:"cumulative deaths by country", // however u want to label
                				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                				ranges:{min:0,max:30000,stepSize:5000},
                				// size of the chart in pixels
                			    width: 400,
                			    height: 400,	
                			    // only used if we need to debug something
                			    debug:false,
                			    startDate:'02/01/2020',
                			    //backgroundColor: 'white',
                			},
                		},	
                

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • PerlchampP Offline
                  Perlchamp
                  last edited by

                  still loading …

                  {
                  			module: "MyCovid19",
                  			position: "top_right",
                  			config:{
                  				countries: "Italy",
                  			    //countries:["Italy","USA","China","Spain","France"],
                                  //OR
                  			    //states:['New York','Illinois','Texas'],
                  
                  			    // one of countries or states MUST be specified
                  
                  			    // line colors can be any definition of color either a name ,or a hex string
                  			    // one per country above, used in order,
                  			    //line_colors:['red','white','green','yellow','blue'],
                  			    line_colors: "white",
                  			    //				
                  			    chart_type:"cumulative_cases",  // or "cumulative deaths"
                  			    chart_title:"Cumulative Cases", // however u want to label
                  			    // the vertical steps on the chart.. how tall u want it to be and how mant increments
                  			    ranges:{min:0,max:8000,stepSize:10000},
                  			    // size of the chart in pixels
                  		        width: 400,
                  		        height: 500,
                  		        // only used if we need to debug something
                  		        debug:false,
                  		        startDate: "02/01/2020"
                  		    }
                  		},
                  
                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Perlchamp
                    last edited by

                    @Perlchamp said in read csv-data and put it in an array:

                      		countries: "Italy",
                    

                    must be an array countries : [ ‘Italy’ ] ,

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • PerlchampP Offline
                      Perlchamp
                      last edited by

                      to include csvtojson i have to do the following ?

                      getScripts: function () {
                      		    return ["moment.js", "modules/" + this.name + "/node_modules/csvtojson/bin/csvtojson.js"];
                      		},
                      

                      is that right ?
                      covid do not run … black screen, no loading message …

                      S 2 Replies Last reply Reply Quote 0
                      • S Offline
                        sdetweil @Perlchamp
                        last edited by sdetweil

                        @Perlchamp no… see the node_helper.js

                        you cannot use the csvtojson in the modulename.js

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • S Offline
                          sdetweil @Perlchamp
                          last edited by

                          @Perlchamp did u use my config info above? just to make it work

                          Sam

                          How to add modules

                          learning how to use browser developers window for css changes

                          1 Reply Last reply Reply Quote 0
                          • PerlchampP Offline
                            Perlchamp
                            last edited by

                            yes.
                            [“Italy”],

                            which one? in your corona ?

                            S 1 Reply Last reply Reply Quote 0
                            • S Offline
                              sdetweil @Perlchamp
                              last edited by

                              @Perlchamp i provided a complete working sample for my module above… copy/paste it into your config.js

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • PerlchampP Offline
                                Perlchamp
                                last edited by

                                i did copy it, but doesn’t work yet. have i look on your code. is there a comma after the date. i think this shouldn’t be there. i deleted it, but still does not work => black screen

                                S 1 Reply Last reply Reply Quote 0
                                • S Offline
                                  sdetweil @Perlchamp
                                  last edited by

                                  @Perlchamp you copied all this exactly, right?

                                  {
                                  			module:"MyCovid19",
                                  			disabled:false,
                                  			position:"top_left",
                                  			classes: 'sam',			
                                  			config:{
                                  				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                  				// line colors can be any definition of color either a name ,or a hex string
                                  				// one per country above, used in order,
                                  				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                  				//				
                                  				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                  				chart_title:"cumulative deaths by country", // however u want to label
                                  				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                  				ranges:{min:0,max:30000,stepSize:5000},
                                  				// size of the chart in pixels
                                  			    width: 400,
                                  			    height: 400,	
                                  			    // only used if we need to debug something
                                  			    debug:false,
                                  			    startDate:'02/01/2020',
                                  			    //backgroundColor: 'white',
                                  			},
                                  		},	
                                  

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  1 Reply Last reply Reply Quote 0
                                  • PerlchampP Offline
                                    Perlchamp
                                    last edited by

                                    my config yet:

                                    		{
                                    			module:"MyCovid19",
                                    			disabled:false,
                                    			position:"top_left",
                                    			classes: 'sam',			
                                    			config:{
                                    				countries:["Italy"],
                                    				//countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                    				// line colors can be any definition of color either a name ,or a hex string
                                    				// one per country above, used in order,
                                    				//line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                    				line_colors:['white'],
                                    				//				
                                    				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                    				chart_title:"cumulative deaths by country", // however u want to label
                                    				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                    				ranges:{min:0,max:30000,stepSize:5000},
                                    				// size of the chart in pixels
                                    			    width: 400,
                                    			    height: 400,	
                                    			    // only used if we need to debug something
                                    			    debug:false,
                                    			    startDate:'02/01/2020'
                                    			    //backgroundColor: 'white',
                                    			},
                                    		},
                                    
                                    
                                    S 1 Reply Last reply Reply Quote 0
                                    • S Offline
                                      sdetweil @Perlchamp
                                      last edited by

                                      @Perlchamp I used yours exactly, and works

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • PerlchampP Offline
                                        Perlchamp
                                        last edited by

                                        may it need time to load the raw data?
                                        i will start it, drink a coffee, will come back and see …

                                        S 1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sdetweil @Perlchamp
                                          last edited by sdetweil

                                          @Perlchamp raw data is the csv file from the source

                                          it should be there within a few seconds…

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • S Offline
                                            sdetweil
                                            last edited by

                                            I will be busy for next few hours with grandson

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 6
                                            • 7
                                            • 8
                                            • 9
                                            • 10
                                            • 15
                                            • 16
                                            • 8 / 16
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy